Js调试利器--------vs 2008

Js 调试利器 --------vs 2008

 

  本文为原创，欢迎转载，转载请注明出处， javadevil 为大家奉献。

与 js 打交道的人都知道，调试 js 的过程是多么的痛苦，利用 alert 来观察程序的变量值及程序的执行过程，是多么的效率低下，且代码不美观。

  目前互连上 js 调试工具非常多，比较出名的有微软的 script debugger, 还有 fireBug 等浏览器插件，但这些都不能与微软的 vs 2008 相提并论，尤其是在准确性方面 . 。下面将从两个方面介绍 vs 2008 （ 1 ）如何获取 vs2008 (2) 如何启用 vs 2008 调试器 (3) 利用 vs 2008 进行代码调试

 

(1)     如何获取 vs 2008

下载地址： 微软官方网站

http://www.microsoft.com/downloads/details.aspx?FamilyID=83c3a1ec-ed72-4a79-8961-25635db0192b&DisplayLang=zh-cn

 

(2)     如何启用 vs 2008 调试器
经过漫长的下载后，终于来安装 vs 2008 了，安装完 vs 2008 也是一个漫长的过程，花了 40 多分钟，终于安装完毕。

启用 vs 2008 调试器

打开 IE, 点开 工具，如图 1

  图 1

   

选中高级，找到如下图 2 的地方

 

图 2

将 禁用脚本调试（ Internet Explorer ） , 禁用脚本调试 ( 其他 ) 选项前的√ 去掉，默认是选中的。我们要开启浏览器的调试开关 .

 

(3)     利用 vs 2008 进行代码调试

 

场景：页面出现 javascript 错误，找不到地方 , 默认的提示一般不准确，不是自己的代码很难找到错误的地方。如下图所示，

 

图 3

 

这个没有开启浏览器的调试开关出现的错误，开启调试开关之后，如下图 4

 

图 4

此时我们选择是，就开启了调试器。

这时会启动 vs 2008, 机器配制稍低的打开时间可能稍长，打开之后我们看到清晰的提示

 

图 5

 

 

此时摆在我们面前的有三个选项，我们要调试程序，所以选择中断如图 6

 

 

图 6

这时，我们可以按 F11, 进行逐行调试，按 F10 跳过程序中的某一个方法，即相当 eclipse 中的 step out ，即从当前执行的方法中跳出来，因为程序中可能有方法中调用方法 , 有时我们不关注底层方法，这时就要进行跳出。具体见图 7

 

图 7
这时我们可以监视我们的变量值，选中一个变量进行调试如选中 b ，单击右键，添加监视，如下图图 8

 

图 8

这时就可以查看变量的值了。

 

场景 2, 我们如何在调试中给变量赋值，如下图 9 的一段程序

 

 

图 9

   我们可以直接将我们添加的监视的变量赋值，然后参与程序的循环及计算。如下图 10

 

图 10

上面添加监视的变量可以是一个对象，这样可以详细查看其中的属性及方法，

 

 

相信到此，调试 js 将不再是恶梦， vs 2008 一扫 web 开发程序员的阴霾。如有不正确之处，欢迎拍砖。

评论

5 楼 wazljnnl6n 2009-12-29  

我用的2005，debug比eclipse调试java强大。
从查看菜单里还可以调出脚本资源管理器，查看当前所有加载资源，断点自是没的说，
在临时窗口里可以执行计算。鼠标浮动到变量上试试看

4 楼 wv1124 2009-11-11  

很好用，我也只装这个，其它C#等的不用装，还好，最好用的js调试工具！我都从firebugs转到这个上了！

3 楼 javaDevil 2009-08-10  

vb2005xu 写道

晕 装个vs2008就为了调试js 你是我见过的第一高人

偶还是使用小小的firebug吧

是吗？有时为了问题的快速解决，这可是一个比较好的办法。
还有vs 2008 可以用来做其它事情，谁说只能用来调试，晕

2 楼 vb2005xu 2009-08-10  

晕 装个vs2008就为了调试js 你是我见过的第一高人

偶还是使用小小的firebug吧

1 楼 iammonster 2009-08-09  

还行，学到了一招。