Sublime Web Inspector 可以让你在 Sublime Edit 编辑器中直接调试 JavaScript 代码。
将基本的 Javascript 控制台和调试器添加到 Sublime Text。这意味着您可以在代码中停留在 Sublime 中,同时在页面上调试 Javascript。
由于 Sublime 的性质,所有信息都以文本形式显示,但是事实证明效果很好。您可以单击控制台或堆栈跟踪中的对象以对其进行评估。您也可以单击文件名以转到文件和行。所有可点击区域都有边框,看起来像按钮。因为它支持源地图,所以您可以插入最初编写的代码,例如 Coffeescript 或 Typescript 。
该软件包的目的是使您更多地了解 Sublime,并减少一些浏览器工具。理念是,如果您可以使用 Sublime 找到一个简单的错误,那么您就已经可以修复它。对于更复杂的事情,请按常规方式使用浏览器工具。
适用浏览器
- Chrome:可以使用
- Internet Explorer 11:启动IE,然后启动 IE 诊断适配器。Web Inspector 会检测到它并提供开始调试。很快,Web Inspector 将检测到 IE,并提出要启动它。请注意,您不能同时使用 Chrome 工具和 Web Inspector,但可以同时使用Internet Explorer F12 工具(可能用于 DOM Explorer)和 Web Inspector(用于调试)。
- Edge :启动 Edge,然后启动Edge诊断适配器。Web Inspector 会检测到它并提供开始调试。很快,Web Inspector将检测到 Edge 并主动启动它
特性
- 调试器步进和断点。
- 控制台带有彩色消息。
- 可导航的堆栈跟踪。
- 检查并展开对象。
- 评估表达式。
- 如果源映射可用,则直接单步执行您最初编写的代码,例如 Typescript
未来的计划
- 支持样式编辑,可轻松查看 CSS 文件中正在使用的样式,并就地进行编辑。
- 对 Internet Explorer 的更好支持(目前,通过 IE Diagnostics Adapter),包括可能同时对两种浏览器都起作用。
- 支持实时编辑 Javascript 和 CSS