FireBug

Firebug的安装方法 。安装完毕最新版火狐浏览器后(本例版本为30.0)，点击左上角firefox菜单，选择【工具】-->【附加组件】。然后在【搜索所有附加组件】搜索栏中输入"firebug"关键词，出现firebug搜索结果，点击安装后，重启浏览器即可完成安装过程。

Firebug的启动完成安装，重启浏览器后，即可按"F12"快捷键启动Firebug插件，也可点击firefox地址栏右边firebug图标启动，启动后，页面将分栏显示，Firebug各项功能显示在下方。

Firebug 1.11.1

Firebug团队发布了Firebug 1.11.1。这是一个后续版本

Firebug1.11.1修复了3个问题。

6116问题:未定义的值将被忽略字符串格式的console.log

6119问题:`空白位置的元素:pre-wrap的显示不正确

6124问题:添加Firebug规则，如新的样式标签.firebug ResetStyles {}。

FireBug 1.10

新版的 FireBug 1.10，发现新特性还真不少。不过没有在网上看到完整的中文介绍。简单翻译一下，方便大家。

新特性

安装后无需重启浏览器

延迟加载

Cookie 管理

命令行编辑器的语法着色

自动完成

样式追踪

新的命令: help

链接到 Web 字体定义

支持媒体查询

实体显示格式

颜色显示格式

菜单项的工具提示

支持 "focus" CSS 伪类

来自 BFCache 的 HTTP 请求

删除 CSS 规则

安装后无需重启

Firebug插件虽然功能强大，但是它已经和Firefox浏览器无缝地结合在一起，使用简单直观。如果你担心它会占用太多的系统资源，也可以方便地启用/关闭这个插件，甚至针对特定的站点开启这个插件。

在安装好插件之后，先用Firefox浏览器打开需要测试的页面，然后点击右下方的绿色按钮或使用快捷键F12唤出Firebug插件，它会将当前页面分成上下两个框架，如图1所示。

从图1中看到，Firebug有6个主要的Tab按钮，下文将主要介绍这几方面的功能。

Firebug的主要菜单选项有控制台、HTML、CSS、脚本、DOM、网络六个，上述功能的配合使用能够满足网页设计的各项要求。

1、控制台(Console)功能:控制台得主要作用是用来显示网页各类错误信息，并可对日志进行打印处理。同时可以在进行javascript调试的时候当作命令行窗口使用，并通过概况子选项说明javascript代码执行的相关信息。

2、HTML功能:此菜单标签功能，主要用于查看当前页面的源代码功能，并可进行编辑，实时显示，从而实现页面最佳效果。

3、CSS功能:点击CSS菜单标签，可查看所有的CSS定义信息，同时也可以通过双击来达到修改页面样式的效果。

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

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

6、网络(Net)功能:该标签功能主要用来监控网页各组成元素的运行时间的信息，方便找出其中运行时间较慢的部分，进一步优化运行效率。