javaScript的调试(三)

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

二、使用Firebug调试

javaScript的调试(三)_第1张图片

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

1.控制台

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

2.HTML

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

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

3.CSS

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

4.DOM

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

5.脚本

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

6.网络

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

你可能感兴趣的:(javaScript的调试(三))