javaScript的调试（三）

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

二、使用Firebug调试

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

1.控制台

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

2.HTML

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

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

3.CSS

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

4.DOM

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

5.脚本

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

 

6.网络

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