Firebug 调试工具

概述

Firebug是 Mozilla Firefox浏览器下的一款开发类插件：适用：Firefox 30.0a1 - 52.0

 现属于Firefox的五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体，是开发 JavaScript、CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的瑞士军刀，从各个不同的角度剖析Web页面内部的细节层面， 给Web开发者带来很大的便利。

 Firebug也是一个除错工具。用户可以利用它除错、编辑、甚至删改任何网站的 CSS、HTML、DOM以及JavaScript代码

安装

进入附加组件之后，然后在搜索框中搜索Firebug附加组件，找到之后安装即可，安装完成后重启浏览器就行了

使用

点击查看 菜鸟教程 

https://www.runoob.com/firebug/firebug-tutorial.html

1、 打开要调试的网页，点击右上角萤火虫小图标进行启用：

2 、Firebug有6个主要的Tab按钮

            1）Console 控制台:

            2）HTML-----查看和修改HTML代码功能

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

            3）DOM-----查看和修改DOM节点属性或值

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

            4）脚本-----Javascript

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

            5）Net-----网络

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