在 Chrome 或 Firefox 上使用 Visual Studio 2015 调试 Javascript答案

【问题标题】：Debug Java Script with Visual Studio 2015 on Chrome or Firefox在 Chrome 或 Firefox 上使用 Visual Studio 2015 调试 Javascript
【发布时间】：2015-09-18 23:00:40
【问题描述】：

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

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

【问题讨论】：

您使用的是内置于 Visual Studio 中的 Javascript 调试器吗？还是您打开 Chrome 并按 F12？

标签： javascript c# visual-studio google-chrome firefox

【解决方案1】：

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

More Info on Debugging

【讨论】：

这不再是事实了。 VS 17 为 Javascript 提供原生 chrome 调试。

【解决方案2】：

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

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

在此之后转到“调试”->“附加到进程...”->选择带有项目标题或类似名称的 chrome 实例，然后单击附加。

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

请注意，当您附加到该进程时，您不能只是停止在不终止 chrome.exe 的情况下进行调试。但是你可以绕过单击“调试”->“全部分离”。

【讨论】：

您可以调试到 Chrome 便携式实例，因此无需关闭/打开常规 Chrome。
我正在使用带有 Visual Studio 2015 的 Windows 10。附加到进程时，我必须选择“脚本”和“WebKit”作为附加选项以使调试器工作。我也在使用 Typescript 而不是普通的旧 JavaScript，这可能会有所作为。似乎可以很好地处理 Typescript 中的现有断点。这个答案为我节省了大量研究解决方案的时间。

【解决方案3】：

记得将 Select "WebKit Code" 设置为 "Attach to" 选项。另外，为了避免每次使用 Chrome Canary 作为目标进程时都必须启动新的 chrome。

我觉得烦人的一件事是放置在原始 .js 源文件中的断点被忽略，因为 VS 创建执行实际调试的“动态”脚本文件，我想知道这些是否可以以某种方式同步？

【讨论】：

【解决方案4】：

我遇到了这个问题...我意识到发生了什么，它在我的 web/javascript 应用程序中。我有一个 ahref 链接 target='_blank'，它在调试过程之外创建了一个新窗口。所以在新窗口的时候没有调试。在原始 VS 窗口中调试时有效。要么临时禁用目标 _blanks，要么手动更改当前窗口中的 URL。

【讨论】：