论坛首页 Web前端技术论坛

如何调试javascript

浏览 53073 次
该帖已经被评为良好帖
作者 正文
   发表时间: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>

 

  • 大小: 691.9 KB
  • 大小: 394.3 KB
   发表时间:2007-06-28  
难道大家都没有遇到过JS错误吗?或是大家有比我更好的调试方式吗?
0 请登录后投票
   发表时间:2007-06-28  
pijunliang 写道
难道大家都没有遇到过JS错误吗?或是大家有比我更好的调试方式吗?

确实有很多更好的办法,各种js框架都有log解决方案(我们知道log优于debug),还有selenium和jsunit保驾护航,如果你使用firefox,还可以用firebug插件监视js、css、XHR甚至直接观察网络上传输的http包,firebug还可以直接修改当前页面的dom(即使是online的时候也可以)。
拿我上面说的关键字搜一下吧,有很多东西值得我们学习。
0 请登录后投票
   发表时间:2007-06-28  
Microsoft Visual Studio可以对JavaScript进行调试,比Microsoft脚本编辑器更容易使用,当IE出现JS错误时,会弹出对话框,此时直接调用Visual Studio进行调试。
如果已经打开了Visual Studio,可以直接选择“附加进程”到IE进程,所有调试选项均可使用。
0 请登录后投票
   发表时间:2007-06-28  
使用visual studio的好处是:

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


0 请登录后投票
   发表时间:2007-06-28  
呵呵,firebug强大多了,推荐lz试试~
0 请登录后投票
   发表时间:2007-06-28  
aptana
0 请登录后投票
   发表时间:2007-06-29  
好好,我正在为不知道怎么调试js发愁呢.....
0 请登录后投票
   发表时间:2007-06-30  
能给你带去帮助和一点收藏价值,是我们这些写博客人的最大的快乐。
0 请登录后投票
   发表时间:2007-07-02  
downpour 写道
aptana


支持,aptana,同时再加上firebug,完美了
当然也不排除ie下的scripting dubegger
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics