在Chrome或Firefox上使用Visual Studio 2015调试Java脚本

我可以毫无问题地使用IE进行调试,但是当我尝试不同的浏览器时,代码并没有在断点上停止。 我有一个目前与IE不兼容的项目。 我在项目中使用OpenJSCAD作为依赖项,因此我需要在Chrome或Firefox上进行调试。

是否可以在Chrome或Firefox上使用Visual Studio 2015调试Java Script?

你绝对可以这样做,但这样做有点棘手。 在工具栏中,单击按钮以获取要调试的浏览器下拉列表,然后单击“浏览…”。 单击“添加…”,将程序设置为计算机上Chrome的位置,并将参数设置为--remote-debugging-port=9222 。 您也可以设置隐身,因为我必须忽略缓存,但这不是必需的。

在此处输入图像描述

重要! Chrome无法启动之前,Chrome需要从Visual Studio重新启动,否则调试将无法正常工作。

在此调用“调试” – >“附加到进程…” – >选择带有项目标题或类似项目的chrome实例后,单击“附加”。

在此处输入图像描述

如果一切正常,您现在可以在Visual Studio中调试Javascript并使用所有Chromefunction。

在此处输入图像描述

请注意,当您已连接到该进程时,您不能在不终止chrome.exe的情况下停止调试。 但是你可以点击“Debug” – >“Detach all”来解决这个问题。

当我们使用非IE浏览器作为调试浏览器时,Visual Studio中的Javascript调试是不可能的。 非IE浏览器上可用的开发人员工具是JavaScript调试的第一个替代方案(F12)。如果他们仍然没有帮助,那么应该寻找第三方工具,如https://www.jetbrains.com/webstorm/function/#JS_debugging

有关调试的更多信息

请记住将“WebKit代码”设置为“附加到”选项。 此外,为避免每次使用Chrome Canary作为目标进程时都必须启动新鲜铬。

我觉得讨厌的一件事是原始.js源文件中的断点被忽略,因为VS创建了“动态”脚本文件,其中执行了实际的调试,我想知道这些是否可以以某种方式同步?

我有这个问题……我意识到发生了什么,它是在我的网站/ javascript应用程序中。 我有一个ahref链接target =’_ blank’,它在调试过程中创建了一个新窗口。 所以当在新窗口中没有调试时。 在原来的VS窗口调试工作时。 临时禁用目标_blanks,或手动更改当前窗口中的URL。