如何在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的客户端页面上

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

调试器

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

Answer 3

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

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

为此，请转到Visual Studio - > Debug - > Detatch All ，然后单击“在Internet Explorer启动调试”。 然后，您可以在此级别设置断点。

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选项 - >高级选项卡中启用脚本调试
2. 在JavaScript代码中编写调试器语句

附加IE无法正常工作，但这是一种解决方法。

选择IE

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

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

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