Sublime Web Inspector 可以讓你在 Sublime Edit 編輯器中直接調(diào)試 JavaScript 代碼。

將基本的 Javascript 控制臺和調(diào)試器添加到 Sublime Text。這意味著您可以在代碼中停留在 Sublime 中，同時在頁面上調(diào)試 Javascript。

由于 Sublime 的性質(zhì)，所有信息都以文本形式顯示，但是事實證明效果很好。您可以單擊控制臺或堆棧跟蹤中的對象以對其進行評估。您也可以單擊文件名以轉(zhuǎn)到文件和行。所有可點擊區(qū)域都有邊框，看起來像按鈕。因為它支持源地圖，所以您可以插入最初編寫的代碼，例如 Coffeescript 或 Typescript 。

該軟件包的目的是使您更多地了解 Sublime，并減少一些瀏覽器工具。理念是，如果您可以使用 Sublime 找到一個簡單的錯誤，那么您就已經(jīng)可以修復(fù)它。對于更復(fù)雜的事情，請按常規(guī)方式使用瀏覽器工具。

適用瀏覽器

• Chrome：可以使用
• Internet Explorer 11：啟動IE，然后啟動?IE 診斷適配器。Web Inspector 會檢測到它并提供開始調(diào)試。很快，Web Inspector 將檢測到 IE，并提出要啟動它。請注意，您不能同時使用 Chrome 工具和 Web Inspector，但可以同時使用Internet Explorer F12 工具（可能用于 DOM Explorer）和 Web Inspector（用于調(diào)試）。
• Edge ：啟動 Edge，然后啟動Edge診斷適配器。Web Inspector 會檢測到它并提供開始調(diào)試。很快，Web Inspector將檢測到 Edge 并主動啟動它

特性

• 調(diào)試器步進和斷點。
• 控制臺帶有彩色消息。
• 可導(dǎo)航的堆棧跟蹤。
• 檢查并展開對象。
• 評估表達式。
• 如果源映射可用，則直接單步執(zhí)行您最初編寫的代碼，例如 Typescript

未來的計劃

• 支持樣式編輯，可輕松查看 CSS 文件中正在使用的樣式，并就地進行編輯。
• 對 Internet Explorer 的更好支持（目前，通過?IE Diagnostics Adapter），包括可能同時對兩種瀏覽器都起作用。
• 支持實時編輯 Javascript 和 CSS