2013-03-22 166 views
34

我正在开发一个带有Microsoft Visual Studio 2012的web应用程序(asp.net mvc 4),随着解决方案越来越大,调试速度越来越慢。如何在Visual Studio中调试(仅)JavaScript?

需要知道是否有一种方法只在Visual Studio上调试我的客户端(javascript)而不是整个应用程序(服务器+客户端)。

有什么办法可以附加到IE的进程,并获得断点工作....?

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

回答

5

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

您也可以detatch在Visual Studio中的默认调试器,并使用开发工具落入预先加载了Internet Explorer或萤火虫等

为此转到Visual Studio - >Debug - >Detatch All然后单击开始调试在Internet Explorer。然后您可以在此级别设置断点。 enter image description here

29

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

enter image description here 现在打开IE ..go到
Tools >> Internet option >> Advance>> uncheck the checkbox having "Disable Script Debugging (Internet Explorer).然后单击ApplyOK和你做..

现在你可以在你的JS文件中设置断点,然后在VS.打调试按钮。

enter image description here

编辑: -对于asp.net web应用程序右键单击这是你的S页面上tartup页面(比如default.aspx)并执行相同的步骤。 :)

+0

我在一个ASP.NET WEB应用程序,我该怎么做? – 2013-03-22 11:37:56

+0

感谢,但仍然不能得到我的VS2012 如果ö点击调试按钮,整个iis进程连接到调试器,我不需要,因为它是缓慢的缺点。 我的任务是调试JavaScript,而不必附加IIS进程... – 2013-03-22 11:56:37

+0

我们如何使用Typescript调试Typescript预编译? – TetraDev 2016-05-19 18:25:13

3

调试JavaScript代码在VS2015,没有必要对

  1. 启用脚本调试在IE选项 - 在JavaScript代码>高级选项卡
  2. 写作debugger语句

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

选择IE

enter image description here

,然后按F5。这将附加工作进程和IE,如下所示 - enter image description here

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

当您按下F5并且所有服务器代码编译并加载到VS中时,您仍然会遇到缓慢。请注意,您可以分离并重新附加从VS启动的IE实例。 JavaScript断点与服务器端代码中的方式相同。

3

是的,你可以把客户端页面上的断点在Visual Studio

首先放入Java的脚本代码的调试和运行该页面在浏览器

调试

enter image description here

之后,在浏览器中打开您的页面并查看检查元素,您将看到以下视图

enter image description here

相关问题