如何调试javascript

    

现在互联网比较流行WEB2.0技术，一谈到它就会想到AJAX 。隐藏在AJAX后面的是一大段的Javascript代码。

要是javascript代码错了问题，在页面加alert() ??? 这里提供一种全新的JS调试方法，

如果有人会更高级的调试JS的方法，希望能在这里一起讨论！<o:p></o:p>

   首先电脑上必须安装了 Microsoft word 2000 以上（我的是WORD2003）。

打开一个word ，在菜单栏目中 选上 “ 工具 ” ---》 “宏（M）” -----》 “Microsoft 脚本编译器(w)”如下图

根据提示安装编译器。安装完成后会出现一个将WORD转变成代码的界面。<o:p> </o:p>

其次是，将IE浏览器的设置减少，<o:p></o:p>

在IE的菜单中 “工具” –》 “Internet 选项 ..” ---》“高级”中 <o:p></o:p>

将 禁止脚本调试这2个选项‘勾’去掉，如果机器是选上的情况。<o:p></o:p>

如下图

去掉选择之后，重新打开一个IE，你会发现在IE的菜单“查看“ 栏目中多了<o:p></o:p>

“脚本调试程序“，细心的人就能发现，没装之前是没有这个选项的。<o:p></o:p>

<o:p> </o:p>

如下图<o:p></o:p>

最后就来调试我们的JS程序了，将页面运行到JS有问题的那一页，

然后点击IE的菜单“查看” ---》 “脚本调试程序” –》“打开”

（打开的时候可能会有2个提示，选择“确定”就可以）。<o:p></o:p>

在调试之前先做下设置：<o:p></o:p>

在下图的菜单中，“调试”|| “窗口” 中将 “本地变量” “监视” “即时”<o:p></o:p>

给弄出来，他们的作用分别是：<o:p></o:p>

本地变量：所有的Var的值是什么，都会在这里<o:p></o:p>

监视： 当知道变量名字，不知道值的时候，可以在这里输入变量名字，

然后回车就出来值了。<o:p></o:p>

即时：想要改变某个变量的值就在这里操作，输入变量的名字和对应着改变后的值 回车

F10 是跳过 F11是跟进 （详细的查看调试菜单）<o:p></o:p>

<o:p> </o:p>

出现类似下图的一个界面，在有问题的地方，设下“断点”，刷新页面调试。<o:p></o:p>

你还在为JS的问题烦恼吗？希望看了这篇文章之后能给你JS生涯有些帮助。<o:p></o:p>

。

 

评论

19 楼 shiweiwei97 2007-07-09  

有一个debugger指令，不知道大家注意到没有，在需要加断点的地方加入，可以自动进入调试状态，
Microsoft Script Debugger和Firebug都支持。

18 楼 rainchen 2007-07-07  

FireFox+Firebug固然是好东西，但别忘了开发JS的最不爽之处：跨浏览器支持。各种古怪的浏览器特性每天不知杀死多少程序员的脑细胞，所以IE下的调试工具也是很重要的，M$的脚本调试工具是即方便又实惠的东西，加上httpwatch和IE Develper Toolbar，再加上个人修为，倒也跟得上Firebug的6、7成了。

17 楼 huangwei_joy 2007-07-06  

我到是老用Firefox调试...有点帮助...

16 楼 lj6684 2007-07-04  

使用 FireFox + FireBug 插件，调试JS几乎就无敌了，相信你一定会爱上这种组合

15 楼 hax 2007-07-03  

TrimBreakPoint 蛮有趣的，用来当临时show的玩具不错。

14 楼 xtdht911 2007-07-03  

还有一个很好的调试工具！国外的一个软件！但那是要钱的

13 楼 superq 2007-07-02  

这里有篇文章介绍了几个常用的 Javascript debugger: <a href='http://www.ajaxpath.com/ajax-debuggers/'>http://www.ajaxpath.com/ajax-debuggers/</a><br/>
<br/>
还有一个叫 TrimBreakPoint 的，平常不太被人提起，好像也不错 <a href='http://code.google.com/p/trimpath/wiki/TrimBreakpoint'>http://code.google.com/p/trimpath/wiki/TrimBreakpoint</a>

12 楼 hideto 2007-07-02  

太麻烦了，楼主没用过firefox和firebug？

11 楼 rocwang 2007-07-02  

用firefox的Javascript Debugger插件吧，我觉得这个能够提供足够详细的调试信息了。当然需要你了解firefox和IE不兼容的地方以在编码中予以避开。

10 楼 hongliang 2007-07-02  

用来调试IE下自身的特性狠管用，firebug只能帮助我们写好正确的js，但是不能保证js被IE正确执行。谢谢楼主。

9 楼 ajaxgo 2007-07-02  

downpour 写道

aptana

支持，aptana，同时再加上firebug，完美了
当然也不排除ie下的scripting dubegger

8 楼 pijunliang 2007-06-30  

能给你带去帮助和一点收藏价值，是我们这些写博客人的最大的快乐。

7 楼 liuya1985liuya 2007-06-29  

好好,我正在为不知道怎么调试js发愁呢.....

6 楼 downpour 2007-06-28  

aptana

5 楼 googleme 2007-06-28  

呵呵，firebug强大多了，推荐lz试试~

4 楼 hax 2007-06-28  

使用visual studio的好处是：

有时候你会看到并非js的问题，而是ie本身的崩溃。。。

3 楼 blueaqua 2007-06-28  

Microsoft Visual Studio可以对JavaScript进行调试，比Microsoft脚本编辑器更容易使用，当IE出现JS错误时，会弹出对话框，此时直接调用Visual Studio进行调试。
如果已经打开了Visual Studio，可以直接选择“附加进程”到IE进程，所有调试选项均可使用。

2 楼 fsword 2007-06-28  

pijunliang 写道

难道大家都没有遇到过JS错误吗？或是大家有比我更好的调试方式吗？

确实有很多更好的办法，各种js框架都有log解决方案（我们知道log优于debug），还有selenium和jsunit保驾护航，如果你使用firefox，还可以用firebug插件监视js、css、XHR甚至直接观察网络上传输的http包，firebug还可以直接修改当前页面的dom（即使是online的时候也可以）。
拿我上面说的关键字搜一下吧，有很多东西值得我们学习。

1 楼 pijunliang 2007-06-28  

难道大家都没有遇到过JS错误吗？或是大家有比我更好的调试方式吗？