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

时间:2018-10-06 12:37:44

标签: javascript visual-studio visual-studio-code visual-studio-2017

我隐约想起了很多年前在Visual Studio中调试客户端JavaScript代码的情况(这是在浏览器具有Dev Tools之前,而您只有Firefox的Firebug扩展),但是最近,当我尝试使用它时,我无法破解Visual Studio中的脚本,我必须在浏览器中的Dev Tools中使用调试器。

当我在Visual Studio中设置一个断点并运行我的应用程序时,该应用程序不遵守该断点,而是继续运行。当我在代码编辑器中查看断点时,看到一条消息,内容为:

  

该断点当前不会被命中。尚未加载任何符号   这份文件。

enter image description here

我在64位Windows上使用Firefox 62.0.3。

我的问题是:

  1. 就像 Visual Studio Code 的“ Chrome Debugger”扩展一样,对于客户端和服务器端JavaScript, Code 中的JavaScript调试体验也是我可以在Visual Studio Community 2017中使用某些工具来调试JavaScript,还支持源映射吗?

  2. 这也不是很重要,但是由于我已经有一段时间不能在Visual Studio中调试JavaScript了,所以我开始怀疑我是在Visual Studio中调试它还是仅仅是在调试它。梦想或记忆错了。但是我很确定,我100%做到了。但是我还是不知道。我知道我做到了,但是有时候,我只是想确保它不只是我。

3 个答案:

答案 0 :(得分:2)

为先前的答案添加更多更新-

  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

答案 1 :(得分:1)

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

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

答案 2 :(得分:0)

简短的答案是:

  1. Visual Studio的JavaScript调试经验仅适用于Chrome和Internet Explorer中的调试脚本。我不确定Microsoft Edge是否可用。而且由于Internet Explorer几乎已经用完,因此肯定可以使用这种浏览器的唯一流行浏览器是Chrome。

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

enter image description here

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

在开始调试之前,请确保要做的事情:

  1. 确保您正在运行调试配置,因此所有符号都已加载。为此,请转到项目->属性,然后从对话框中导航至配置属性页面,然后选择 Debug 作为下图中突出显示的字段的活动配置。

enter image description here

  1. Prasanna Brabourame一样,在工具->选项->调试对话框中选中“启用ASP.NET的JavaScript调试(Chrome和IE)”复选框。

enter image description here