Visual Studio Community 2017 的客户端和服务器端 JavaScript 调试体验

Question

我隐约记得多年前在 Visual Studio 中调试客户端 JavaScript 代码（这是在浏览器还没有开发工具之前，而您只有 Firefox 的 Firebug 扩展），但最近当我尝试它时，我无法闯入Visual Studio 中的脚本，我必须在浏览器中使用开发工具中的调试器。

当我在 Visual Studio 中设置断点并运行我的应用程序时，应用程序不会执行断点，而是继续运行。当我在代码编辑器中查看断点时，我看到一条消息：

当前不会命中断点。未加载任何符号 用于此文档。

我在 64 位 Windows 上使用 Firefox 62.0.3。

我的问题是：

1. 就像 Visual Studio Code 的“Chrome 调试器”扩展允许在 Code 中进行 JavaScript 调试体验，对于客户端和服务器端 JavaScript，是我可以使用 Visual Studio Community 2017 调试 JavaScript 并支持源映射吗？

2. 另外，这不是很重要，但由于我已经有一段时间无法在 Visual Studio 中调试 JavaScript，我开始怀疑我是否真的在 Visual Studio 中调试了它，或者只是一个梦，或者一个错误的记忆。但我很确定，100% 我做到了。但是，我仍然不知道。我知道我做到了，但有时，我只是想确保不只是我。

Answer 1

对上一个答案添加更多更新 -

1. 从 Visual Studio 2017 版本 15.7 开始支持 Microsoft Edge 调试。您需要使用“Windows 10 April 2018 Update”或更高版本。
2. 此外，默认情况下，在 Visual Studio 2017 上默认禁用 Javascript 调试。您可以如上面的帖子所示启用它，或者在您开始使用 JavaScript/TypeScript 中设置的断点进行调试时自动让 Visual Studio 显示以下对话框文件。 Enabling JavaScript dialog box in Visual Studio 2017

Answer 2

是的，在 Visual Studio 2017 中也有启用调试 JavaScript 的选项。 1. 转到工具，然后选择选项 2.然后通过点击调试标签，您可以看到许多复选框选项。 3. 在此检查您的 Visual Studio 是否启用了提供的 JavaScript 调试选项。

通过启用此功能，您可以在 Visual Studio 2017 上使用客户端 JavaScript 调试

Answer 3

简短的回答是：

1. Visual Studio 的 JavaScript 调试体验仅适用于在 Chrome 和 Internet Explorer 中调试脚本。我不确定它是否适用于 Microsoft Edge。而且由于 Internet Explorer 几乎不再使用，唯一可以提供这种体验的流行浏览器肯定是 Chrome。

   因此，在 Visual Studio 中启动调试会话时，请确保从工具栏中的浏览器列表中选择 Chrome。

1. 是的，我不是在做梦。我曾经能够在 Visual Studio 中调试那些 JavaScript 文件，但当时，我会不知不觉地使用 Internet Explorer。这种体验仅适用于 Internet Explorer。

在开始调试之前确保您正在做的几件事：

1. 确保您正在运行调试配置，以便加载所有符号。为此，请转到 Project -> Properties，然后从对话框中导航到 Configuration Properties 页面，然后选择 Debug 作为下图中突出显示的字段的活动配置。

1. 就像Prasanna Brabourame 在他的回答中所说，从工具 -> 选项 -> 调试 对话框中选中“启用 ASP.NET（Chrome 和 IE）的 JavaScript 调试”复选框。