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

Question

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

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

Answer 1

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

  

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

在此之后转到“Debug” - ＆gt; “附加到流程......” - ＆gt;选择带有项目标题或类似名称的chrome实例，然后单击Attach。

如果一切正常，您现在可以在Visual Studio中调试Javascript并使用所有Chrome功能。

  

请注意，当您附加到流程时，您无法停止   调试而不终止chrome.exe。但是你可以到处走走   通过单击“调试” - ＆gt; “分离一切”。

Answer 2

当我们使用非IE浏览器作为调试浏览器时，无法在visual studio中进行Javascript调试。非IE浏览器上可用的开发人员工具是JavaScript调试的第一个替代方案（F12）。如果他们仍然没有帮助，那么应该寻找第三方工具，如https://www.jetbrains.com/webstorm/features/#JS_debugging

More Info on Debugging

Answer 3

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

Answer 4

请记住设置Select＆＃34; WebKit Code＆＃34;作为＆＃34;附加到＆＃34;选项。 此外，为了避免每次使用Chrome Canary作为目标流程时都必须启动新鲜铬。

我觉得讨厌的一件事是，原始.js源文件中的断点会被忽略，因为VS会创建＆＃34; dynamic＆＃34;执行实际调试的脚本文件，我想知道这些是否可以以某种方式同步？