图解FireBug面板介绍

本文将为大家介绍FireBug面板，期待对大家的工作学习有所助益。

1、 添加 Firebug 插件

2、 用Firefox浏览器访问Firebug下载页面，打开后点击下载按钮，会出现一个提示安装目录的弹窗。安装完成后，重启Firefox浏览器即可。

3、 重启后，Firefox浏览器会出现Firebug图标。点击该图标（位于右上角），即可激活Firebug插件，操作示意所示。

4、 Firebug组件与选项所示，可供选择使用。

5、 点击页面上的检查元素，所示。

6、 撤销与恢复操作，见下图示例。

7、 显示命令行，参照下图：

8、 请选择面板，参照下图：

9、 控制台显示示：

10、 HTML面板所示，用于展示相关内容。

11、 CSS面板所示，功能清晰明了。

12、 脚本面板所示

13、 DOM面板所示：

14、 网络面板（用于网页测速与优化），展示：

15、 其他按钮所示：

16、 将Firebug缩至最小。

17、 在浏览器窗口中安装Firebug工具。

18、 停止使用Firebug。