博客园  :: 首页  :: 联系 :: 订阅 订阅  :: 管理

js 调试环境设置 [转]

Posted on 2008-01-28 09:52  ╁蓝驿┲→  阅读(398)  评论(0编辑  收藏  举报

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

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

如果有人会更高级的调试JS的方法,希望能在这里一起讨论!

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

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

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

其次是,将IE浏览器的设置减少,

IE的菜单中“工具”Internet 选项 .. ---》“高级”中

禁止脚本调试这2个选项‘勾’去掉,如果机器是选上的情况。

如下图


去掉选择之后,重新打开一个IE,你会发现在IE的菜单“查看“栏目中多了

“脚本调试程序“,细心的人就能发现,没装之前是没有这个选项的。

如下图


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

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

(打开的时候可能会有2个提示,选择“确定”就可以)。

在调试之前先做下设置:

在下图的菜单中,“调试”|| “窗口”中将本地变量监视即时

给弄出来,他们的作用分别是:

本地变量:所有的Var的值是什么,都会在这里

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

然后回车就出来值了。

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


F10 是跳过 F11是跟进(详细的查看调试菜单)

出现类似下图的一个界面,在有问题的地方,设下“断点”,刷新页面调试。


你还在为JS的问题烦恼吗?希望看了这篇文章之后能给你JS生涯有些帮助。