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

Question

是否有一种方法可以在Visual Studio中使用Chrome来交互调试JavaScript和TypeScript，类似于Internet Explorer目前提供的功能？使用IE，我可以在集成开发环境中的JavaScript或TypeScript中设置断点，并在集成开发环境中单步执行代码。我不能在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进行大多数其他网页浏览时。)