javascript - 我如何为 VS 为 TypeScript 所做的语言提供源代码级调试?

标签 javascript debugging source-maps

我理解将源映射与 JavaScript 结合使用的概念,以便通过缩小的脚本等更轻松地进行调试。我不明白的是源级调试的工作方式与 Visual Studio 中的 TypeScript 的工作方式相同 (http://blogs.msdn.com/b/typescript/archive/2012/11/15/announcing-typescript-0-8-1.aspx)。

例如,如果我创建自己的编译/翻译成 JavaScript 的语言,我如何与浏览器交互以提供这种源代码级调试?有这方面的标准协议(protocol)吗? Visual Studio 是如何做到的?

更新

为了进一步说明,假设我发明了一种称为 Caffeinated Beverage Script 的语言,它可以编译成 JavaScript。我为我的语言构建了一个 IDE,我希望能够在我的 IDE 中设置断点、逐步执行代码、检查变量等,而 JavaScript 在浏览器中运行。我如何让我的 IDE 在此级别与浏览器通信?

最佳答案

您可能会考虑 WebKit 的远程调试 API:

https://developers.google.com/chrome-developer-tools/docs/protocol/1.0/index

我相信这就是 Sublime Web Inspector 使用的。

https://github.com/sokolovstas/SublimeWebInspector

关于javascript - 我如何为 VS 为 TypeScript 所做的语言提供源代码级调试?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17820126/

相关文章:

javascript - 加载图像后如何设置正文背景图像?

angularjs - Protractor 不会暂停调试

css - IE7 调试问题 - 绝对背景

c++ - 有谁知道如何使用 qt creator 调试子进程?

javaScript 源映射不工作

javascript - Chrome 不请求内联脚本标记中的源映射

javascript - 如何操作 JavaScript 代码及其源映射(在 Node.js 中)?

javascript - 文档准备太早了?

javascript - 单击打印按钮时如何防止打开新选项卡

javascript - 将 Number.MAX_SAFE_INTEGER 与 Math.random() 相乘时,我是否可能会丢失任何十进制数字(精度)?