javascript - 如何使用 Visual Studio(如 IE)在 Chrome 中获得完整的 JavaScript/TypeScript 调试

Question

是否有一种方法可以使用 Chrome 在 Visual Studio 中交互式调试 JavaScript 和 TypeScript，类似于当前 Internet Explorer 提供的功能？使用 IE，我可以在 IDE 中的 JavaScript 或 TypeScript 中设置断点，并在 IDE 中单步执行代码。我无法在 Visual Studio 中使用 Chrome 获得相同的行为。

Answer 1

要获得与任何基于 JavaScript/浏览器的应用程序和 Visual Studio 完全集成的调试体验，您现在需要使用 Internet Explorer。由于 TypeScript 编译为 JavaScript，因此集成调试还需要 Internet Explorer。

如果我想使用其他浏览器，我经常使用的“技巧”是在我的 TypeScript/JavaScript 代码中的某处添加一个 debugger; 语句，并在 Chrome 中打开开发工具 ...,然后执行将停止在该指令上。只要启用了源映射，就应该在 Chrome 调试窗口中看到原始的 TypeScript 代码。然后，您可以使用 Chrome 调试工具进一步设置断点。如果文件没有改变，断点将从页面的“刷新”中保留下来。

尽管这不允许我在 Visual Studio 中设置断点，但它仍然有效并且足以满足我的开发需求。

2016 年 4 月更新

正如评论中的一些人所指出的那样，尽管体验不如 Internet Explorer 那么完整，但仍有改进的途径。按照概述的步骤进行操作 here .它涉及使用自定义命令行启动 Chrome(以启用远程调试):

chrome.exe --remote-debugging-port=9222

然后在启用 WebKit 调试的情况下附加到 Chrome 进程。您可以添加自定义浏览器，以便轻松启动 Chrome。

(但是，我要补充一点，我无法以我认为有用且一致的方式使它工作，尤其是当我使用 Chrome 进行大多数其他网络浏览时。)