如何在Visual Studio中调试（仅）JavaScript？

Question

我正在使用Microsoft Visual Studio 2012开发一个webapplication（asp.net mvc 4），随着解决方案越来越大，调试变得越来越慢。

需要知道是否有办法在visual studio上调试我的客户端（javascript）而不是整个应用程序（服务器+客户端）。

有没有办法附加到IE的进程并让断点工作....？

不感兴趣的是让调试器在整个客户端/服务器应用程序上运行，只是客户端。

Answer 1

首先打开Visual studio ..在解决方案资源管理器中选择您的项目。右键单击并选择“浏览方式”选项，然后将IE设置为默认浏览器。

现在打开IE ..来到 Tools >> Internet option >> Advance>> uncheck the checkbox having "Disable Script Debugging (Internet Explorer).然后点击Apply和OK，您就完成了..

现在您可以在JS文件中设置断点，然后点击VS中的调试按钮。

编辑： - 对于asp.net Web应用程序，右键单击您的启动页面（例如default.aspx）并执行相同的步骤。 ：）

Answer 2

调试器应该使用Visual Studio 2012自动附加到浏览器。您可以使用debugger关键字在应用程序中的某个点停止或直接在VS内使用breakpoints。

您还可以在Visual Studio中分离默认调试器，并使用预装了Internet Explorer或FireBug等的开发人员工具。

要执行此操作，请转到Visual Studio - ＆gt; Debug - ＆gt; Detatch All然后单击Internet Explorer中的开始调试。然后，您可以在此级别设置断点。

Answer 3

是的，您可以将断点放在Visual Studio的客户端页面

首先将调试器放在java脚本代码中并在浏览器中运行页面

  

调试器

之后在浏览器中打开您的页面并查看inspect元素，您会看到以下视图

Answer 4

可以通过将关键字“debugger”写入要调试的位置进行调试，只需按F5键即可调试JavaScript代码。

http://www.aspsnippets.com/Articles/Debug-JavaScript-and-jQuery-using-Visual-Studio-in-Internet-Explorer-browser.aspx

Answer 5

为了调试VS2015中的JavaScript代码，不需要

1. 在IE选项中启用脚本调试 - ＆gt;高级选项卡
2. 用JavaScript代码编写调试器语句

附加IE无效，但这是一种解决方法。

选择IE



然后按F5。这将附加工作进程和IE，如下所示 -

如果您对调试服务器代码不感兴趣，请将其从“进程”窗口中分离出来。

当您按F5并且所有服务器代码在VS中编译并加载时，您仍将面临缓慢的问题。请注意，您可以再次分离并附加从VS启动的IE实例。 JavaScript断点的命中方式与服务器端代码相同。