使用 VS2012 JavaScript 调试 Chrome（类似 IE）答案

【问题标题】：Use VS2012 JavaScript debugging with Chrome (similar to IE)使用 VS2012 JavaScript 调试 Chrome（类似 IE）
【发布时间】：2013-01-02 11:23:42
【问题描述】：

有了 VS2012 和 IE9，我可以在 VS2012 中使用 VS2012 JavaScript 调试器（类似于 C#，..）。当我将浏览器切换到 Chrome 时，我失去了这样做的能力。我可以切换到 Chrome 内部调试器。

但是，有没有办法让 Chrome 与 VS2012（类似于 IE）一起进行调试？

示例：IE 中的断点命中，但 Chrome 作为浏览器没有命中。

备注：Debugging Websites with Google Chrome 没有重复，是关于 .net 调试的。我没有使用任何 ASP.net，只有 JavaScript

【问题讨论】：

这似乎需要微软和谷歌之间的合作比我预期的要多得多。

标签： javascript google-chrome visual-studio-2012

【解决方案1】：

不，在 VS 中调试 Chrome 中的 JS 是绝对不可能的，因为它是一个完全不同的内部引擎。可能有人会为 VS 写一个插件，但现在不可能。

【讨论】：

完全正确。无需添加。

【解决方案2】：

在 javascript 中放置一个“调试器”；命令并刷新页面。

适用于 CHROME v30> 和 IE 10>

例子：

<script type='text/javascript'>
        function LoginEstabelecimento() {

            var form = $('form#formLoginEstabelecimento');

            debugger;

           ... SOME REST OF CODE ...

        };
</script>

【讨论】：

不可能，它会如何工作？不适合我。

【解决方案3】：

您始终可以在 Chrome 中右键单击页面，选择“检查元素”并使用 chrome 的内置 javascript 调试器。

【讨论】：

【解决方案4】：

这现在是可能的。请参阅this 页面了解具体方法，但简而言之（使用 Windows 10 1607、Visual Studio 2015 和 Update 3）：

关闭所有 Chrome 窗口（这很重要）
从运行提示“chrome --remote-debugging-port=9222”（不带引号）
在 Visual Studio 中，使用 Chrome 作为浏览器启动应用程序。这会在新标签页中打开您的页面。
在 Visual Studio 中，应用程序仍在运行，单击调试 -> 附加到进程... -> 选择正在运行您的页面的 Chrome 进程。
这应该附加到进程而没有任何错误，并且您在 Visual Studio 中的断点现在应该被命中。

另外，请参阅this 页面，该页面确认此功能将添加到未来的 Visual Studio 版本中。

【讨论】：