如何调试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>

。

 

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

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

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

使用visual studio的好处是：

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

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

aptana

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

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

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