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

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

由于 Sublime 的性質(zhì)，所有信息都以文本形式顯示，但是事實(shí)證明效果很好。您可以單擊控制臺(tái)或堆棧跟蹤中的對(duì)象以對(duì)其進(jìn)行評(píng)估。您也可以單擊文件名以轉(zhuǎn)到文件和行。所有可點(diǎn)擊區(qū)域都有邊框，看起來像按鈕。因?yàn)樗С衷吹貓D，所以您可以插入最初編寫的代碼，例如 Coffeescript 或 Typescript 。

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

適用瀏覽器

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

特性

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

未來的計(jì)劃

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