微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何使用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进行大多数其他网页浏览时.)

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐