Firebug的其他功能也很强大，比如html,css,dom的查看与调试，网站整体分析等等。总之就是一整套完整而强大的 WEB开发工具。再有就是其为开源的软件。

软件基础简介

FiFireBug(萤火虫)集HTML查看和编辑、Javascript控制台、网络状况监视于一体，可以说是开发人员必备扩展之一。Firebug从各个不同的角度剖析Web页面内部的细节层面，给Web开发者带来很大的便利。

FireBug(萤火虫)为你的Firefox 集成了浏览网页的同时随手可得的丰富开发工具。你可以对任何网页的 CSS、HTML 和 JavaScript 进行实时编辑、调试和监控…

软件优点

激活

Firebug的激活是基于URL的，遵守相同的来源策略。这意味着，当您在不同的选项卡上打开同一个来源的页面时，Firebug会自动打开。当您在同一选项卡中打开不同来源的页面时，它会自动关闭。另一方面DevTools的激活是基于标签的。这意味着，当您在选项卡中打开DevTools时，即使您在不同网站之间切换，它们也会保持打开状态。当你切换到另一个标签，但是，他们被关闭。

打开工具

按F12可打开Firebug。要打开它来检查元素，可以按Ctrl+ Shift+ C/ Cmd+ Opt+ C。DevTools共享相同的快捷键，但也提供了不同面板的快捷键。例如，网络监视器可以通过Ctrl+ Shift+ Q/ Cmd+ Opt+ 打开Q，Web控制台通过Ctrl+ Shift+ K/ Cmd+ Opt+ K打开，调试器通过Ctrl+ Shift+ S/ Cmd+ Opt+ 打开S。

该Web控制台是Firebug的相当于控制台面板。它显示与网页相关的日志信息，并允许您通过命令行执行JavaScript表达式。两者之间的显示有所不同。这可能会改变错误1269730。

过滤日志消息

Firebug提供了两种方法来过滤日志消息，通过选项菜单和工具栏中的过滤器按钮。开发者工具控制台通过其工具栏内的过滤器按钮提供类似的功能- 集中在一个地方。

命令行API

Firebug中的命令行API提供了一些特殊功能，以方便您使用。开发工具命令行有一些共同的功能，但也有一些其他的功能，错过了别人。

控制台API

从网页内将东西记录到控制台Firebug 在页面中提供了一个控制台API。开发者工具共享相同的API，所以你的console.*语句将继续工作。

坚持日志

在Firebug中，您可以单击工具栏中的Persist按钮以保留页面导航和重新加载之间记录的消息。在DevTools中，这个选项被称为启用日志，并且在“工具箱选项”面板中可用。

服务器日志

像FirePHP这样的Firebug扩展允许将服务器端消息记录到Firebug控制台。该功能已经使用ChromeLogger协议集成到DevTools中，不需要安装任何扩展。

命令历史

该命令历史记录可通过在Firebug的命令行按钮，可以按↑/↓在DevTools命令行中。

安装步骤

1、下载Firebug软件包，将压缩包解压后，使用鼠标左键双击打开安装文件。

2、将解压后得到的.xpi文件直接拖动到 Firefox 浏览器的界面中，稍等片刻后，我们就可以在Firefox浏览器右上方看到 Firebug 的图标了，这样就安装成功了。