javaScript的调试（三）

在火狐浏览器中安装完Firebug后&＃xff0c;下面我们就来看一下如何使用Firebug调试Javascript代码。

二、使用Firebug调试

这里有我们在调试过程中经常使用到的6个菜单栏&＃xff0c;上面我们已经用红色边框圈出。

1.控制台

我们在调试代码中&＃xff0c;经常会使用的输出语句&＃xff0c;打印出某段代码执行的结果&＃xff0c;看是否正确。

2.HTML

Fire的查看和修改HTM代码功能:

利用Inspect检查功能&＃xff0c;我们还可以在页面中直接选中一些区域&＃xff0c;查看相应的HTML源代码&＃xff0c;如果你使用了外部编辑器修改了当前网页&＃xff0c;可以点击Firebug的reload图片重新载入网页&＃xff0c;它会继续跟踪你之前用Inspect选中的区块&＃xff0c;方便调试。

3.CSS

查看和编辑CSS样式表&＃xff0c;和HTML的使用是一一致的&＃xff0c;这里是用来修改CSS样式的

4.DOM

主要用于查看页面DOM信息&＃xff0c;通过提供的搜索功能实现DOM的快速准确定位&＃xff0c;并可双击来实现DOM节点属性或值的修改

5.脚本

这主要是一个脚本调试器&＃xff0c;可以进行单步调试、断点设置、变量查看等功能&＃xff0c;同时通过右边的监控功能来实现脚本运行时间的查看和统计&＃xff0c;提高运行效率。

6.网络

主要用来监控网页各组成元素的运行时间的信息&＃xff0c;方便找出其中运行时间较慢的部分&＃xff0c;进一步优化运行效率。