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

。

 

评论

39 楼 BaSaRa 2007-12-10  

一直都是用VS.NET或者FireBug调试的……用WORD是很久以前的事情了

38 楼 yuan_2004 2007-12-07  

有出错,但是写得比较少.都是叫同事帮看看的.现在知道有这么高级的高度方法了.

37 楼 pijunliang 2007-08-22  

除了myeclipse 插件支持JS外，其它IDE有没有更好的支持JS，或者说有没有更好的软件支持JS?

36 楼 yxxiao0929 2007-08-04  

自己写的程序，一般比较了解，所以调试起来不是很麻烦！！

35 楼 cyfgod 2007-07-20  

我一直用Mozilla下自带的javascript debugger去调试js，觉得挺好用的。

34 楼 guzen 2007-07-20  

建议用Editplus，把代码输入后点击ctrl+B就可直接看出效果

33 楼 ppeter 2007-07-19  

一直用editplus写和调试,偶偶也用utraledit查看源文件，没发现有啥不妥嘛

32 楼 glamey 2007-07-19  

不用这么麻烦的，其实只要安装了office套装里边什么都含有了 。不过你要是上网碰见那个网站的js出现了错误，那么是很麻烦的。

31 楼 deeravenger 2007-07-17  

smalltiger1984 写道

我将 禁止脚本调试这2个选项‘勾’去掉后，在IE“查看”那找不到“脚本调试程序”，但我同事的机子上却可以，我怀疑我的IE的一些设置有问题，有谁能说下怎么回事吗？
我在百度里搜，但不知用什么关键字才能搜到解决方案，我不想重装IE，更不想重装系统！

在那个窗口下按ctrl+n 弹出一个新窗口来，就有了

p.s. 我发贴之前ms还搜索过的，怎么还是跟楼主发重了，郁闷

30 楼 smalltiger1984 2007-07-16  

我将 禁止脚本调试这2个选项‘勾’去掉后，在IE“查看”那找不到“脚本调试程序”，但我同事的机子上却可以，我怀疑我的IE的一些设置有问题，有谁能说下怎么回事吗？
我在百度里搜，但不知用什么关键字才能搜到解决方案，我不想重装IE，更不想重装系统！

29 楼 hax 2007-07-13  

pijunliang 写道

fuhao9611     6 小时前
http://fuhao9611.iteye.com/blog/72374     这里面有介绍调试javascript的方法，LZ可以看下！


这个能做到时时监控吗?并且动态改变一个变量的值?并且图形界面吗?

看了下你的BLOG?有点象一个输出日志系统?

实时监控？你要怎样实时监控？它不是调试器，那个就是log4j的翻版。上次谁说的那个trimpath什么来着，是可以插入断点，并在断点时动态改变变量（包括函数内部变量）的，但是与其用他不如用各种debugger。

28 楼 pijunliang 2007-07-13  

fuhao9611     6 小时前
http://fuhao9611.iteye.com/blog/72374     这里面有介绍调试javascript的方法，LZ可以看下！


这个能做到时时监控吗?并且动态改变一个变量的值?并且图形界面吗?

看了下你的BLOG?有点象一个输出日志系统?

27 楼 jiakechong 2007-07-13  

我也为这个js发愁,
谢谢

26 楼 fuhao9611 2007-07-13  

http://fuhao9611.iteye.com/blog/72374这里面有介绍调试javascript的方法，LZ可以看下！

25 楼 泡泡 2007-07-12  

FireBug，完美的Web 开发工具包

24 楼 DeadFire 2007-07-12  

world 2007 中找不倒这个选项，不知道是没有了还是在那里。

23 楼 InnocentBoy 2007-07-10  

关注过这方面，但是没有找到更好的东西，aptana也用过。

22 楼 totobacoo 2007-07-10  

顶楼上的

web developer 的 CSS editing on the fly，美工用起来也很适合

21 楼 jolestar 2007-07-09  

就喜欢firefox+firebug+webdeveloper

20 楼 LargeBean 2007-07-09  

myeclipse调试