ie下的javascript调试

By | 2010/11/17

好久没有更新文章了,这次更新点有用的:javascript脚本语言的调试。

可能大部分web开发人员习惯使用firefox的debug工具,可是本人一直用不习惯,所以这里推荐一下ie8自带的“开发人员工具”进行,为什么推荐这个呢?首先个人觉得十分好用,操作起来也比较简单,各种变量比较容易跟踪,还有一个很大的优势是:在调试有dom操作的网页时(好像有点废话,又有几个js脚本不进行dom的操作啊),工具里面的“html”标签下,会显示js操作后的html代码,这样更容易找出代码的问题。

一、软件的安装及运行

其实这款软件很早就有了,只不过微软在ie8中内置此工具,并且加强了功能。所以推荐web开发者安装ie8(或ie9),有了此工具还能省下你再去安装ie6及ie7进行兼容性测试。

打开ie8后,按F12键即可呼出此工具,界面如下图

二、调试功能的使用

软件打开后,点击“脚本”选项卡,然后再点击一下“开始调试”按钮,会提示重新加载页面,页面加载完成后,就可以开始调试了。

在“停止调试”按钮旁边,可以选择需要调试的js文件,点击js文件的行号可以下断点。

右侧的局部变量会显示脚本运行中相关的数据,对于代码中的变量,可以手工在监视中输入,也可以选中相应的变量右击选择“添加监视”。

常用的调试按键是F11:步进     F10:按过程,步进就是慢慢的调试每一句代码,当所有代码都是自己敲的时候,选择这个比较合适;按过程适合调用其他类库,比如jquery的时候使用,这样可以跳过一些不必要的代码。具体调试还要看大家的使用,我觉得微软的东西还是很方便的,有什么疑问欢迎大家留言交流。

三、其他功能

可能题目定位于javascript,但是这款工具的用处可不单单是这么一点。javascript的调试只能说是众多功能里面的一项。可以使用工具中的小箭头快速点选任何一个元素,同样css样式的调试功能也一点也不弱,可以即时修改各个元素的样式,还可以快速定位某种类型的元素。可以选择ie的浏览模式测试浏览器兼容性,附带有取色工具、标尺、大小调整等各种小工具。

总之,这款工具是web开发人员不可或缺的一款软件,当你用过她以后相信你也会爱上她的。

发表评论

电子邮件地址不会被公开。

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据