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