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

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

解决方法:

要获得与任何基于JavaScript /浏览器的应用程序和Visual Studio的完全集成的调试体验,您今天需要使用Internet Explorer.当TypeScript编译为JavaScript时,集成调试还需要Internet Explorer.

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

这不允许我在Visual Studio中设置断点,但它仍然有效并且对我的开发运行良好.

2016年4月更新

正如评论中的一些人所指出的那样,虽然经验并不像Internet Explorer那样完整,但仍有一条途径可以使这项工作更好一些.按照here概述的步骤进行操作.它涉及使用自定义命令行启动Chrome(以启用远程调试):

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

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

Adding Custom Browser

(但是,我会补充说,我无法以一种我发现有用且一致的方式使用它,特别是当我使用Chrome进行大多数其他网页浏览时.)

相关文章

我最大的一个关于TypeScript的问题是,它将原型的所有方法(无...
我对React很新,我正在尝试理解子组件之间相互通信的简洁方法...
我有一个非常简单的表单,我将用户电子邮件存储在组件的状态,...
我发现接口非常有用,但由于内存问题我需要开始优化我的应用程...
我得到了一个json响应并将其存储在mongodb中,但是我不需要的...
我试图使用loadsh从以下数组中获取唯一类别,[{"listing...