锁定老帖子 主题:如何调试javascript
该帖已经被评为良好帖
|
|
---|---|
作者 | 正文 |
发表时间:2007-06-27
现在互联网比较流行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> 。
声明:ITeye文章版权属于作者,受法律保护。没有作者书面许可不得转载。
推荐链接
|
|
返回顶楼 | |
发表时间:2007-06-28
难道大家都没有遇到过JS错误吗?或是大家有比我更好的调试方式吗?
|
|
返回顶楼 | |
发表时间:2007-06-28
pijunliang 写道 难道大家都没有遇到过JS错误吗?或是大家有比我更好的调试方式吗?
确实有很多更好的办法,各种js框架都有log解决方案(我们知道log优于debug),还有selenium和jsunit保驾护航,如果你使用firefox,还可以用firebug插件监视js、css、XHR甚至直接观察网络上传输的http包,firebug还可以直接修改当前页面的dom(即使是online的时候也可以)。 拿我上面说的关键字搜一下吧,有很多东西值得我们学习。 |
|
返回顶楼 | |
发表时间:2007-06-28
Microsoft Visual Studio可以对JavaScript进行调试,比Microsoft脚本编辑器更容易使用,当IE出现JS错误时,会弹出对话框,此时直接调用Visual Studio进行调试。
如果已经打开了Visual Studio,可以直接选择“附加进程”到IE进程,所有调试选项均可使用。 |
|
返回顶楼 | |
发表时间:2007-06-28
使用visual studio的好处是:
有时候你会看到并非js的问题,而是ie本身的崩溃。。。 |
|
返回顶楼 | |
发表时间:2007-06-28
呵呵,firebug强大多了,推荐lz试试~
|
|
返回顶楼 | |
发表时间:2007-06-28
aptana
|
|
返回顶楼 | |
发表时间:2007-06-29
好好,我正在为不知道怎么调试js发愁呢.....
|
|
返回顶楼 | |
发表时间:2007-06-30
能给你带去帮助和一点收藏价值,是我们这些写博客人的最大的快乐。
|
|
返回顶楼 | |
发表时间:2007-07-02
downpour 写道 aptana
支持,aptana,同时再加上firebug,完美了 当然也不排除ie下的scripting dubegger |
|
返回顶楼 | |