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 开发程序员的阴霾。如有不正确之处，欢迎拍砖。