西西软件园多重安全检测下载网站、值得信赖的软件下载站!
软件
软件
文章
搜索

首页编程开发javascript|JQuery → 网页设计中 如何调试 javascript

网页设计中 如何调试 javascript

相关软件相关文章发表评论 来源:本站原创时间:2010/7/8 16:26:01字体大小:A-A+

作者:不详点击:1714次评论:1次标签: javascript

  • 类型:电子教程大小:3.3M语言:中文 评分:3.6
  • 标签:
立即下载

一直以来我们在设计网站的时候,用IE调试Javascript 是一件令人头痛的事情, 往往只能用 alert() 这样的语句也调试,下面简介几种比较方便的调试方式。

 

现在互联网比较流行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生涯有些帮助。

    相关评论

    阅读本文后您有什么感想? 已有人给出评价!

    • 8 喜欢喜欢
    • 3 顶
    • 1 难过难过
    • 5 囧
    • 3 围观围观
    • 2 无聊无聊

    热门评论

    最新评论

    发表评论 查看所有评论(1)

    昵称:
    表情: 高兴 可 汗 我不要 害羞 好 下下下 送花 屎 亲亲
    字数: 0/500 (您的评论需要经过审核才能显示)