FireBug(萤火虫) v2.0.16 绿色版

FireBug(萤火虫)是一个专门为firefox而打造的调试工具，FireBug(萤火虫)能够对js进行调试和编辑，让开发人员可以更好的来进行使用。并且FireBug(萤火虫)还会过滤一些日志消息，便于您可以收到所需的日志消息。

FireBug(萤火虫)功能特色

【激活】

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

【打开工具】

按F12可打开软件。要打开它来检查元素，可以按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控制台是程序的相当于控制台面板。它显示与网页相关的日志信息，并允许您通过命令行执行JavaScript表达式。两者之间的显示有所不同。这可能会改变错误1269730。

【过滤日志消息】

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

【命令行API】

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

【控制台API】

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

【坚持日志】

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

【服务器日志】

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

【命令历史】

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

FireBug(萤火虫)安装说明

在火狐的右上角，点击后如图，

点击附加组件。如图

输入firebug，查询，找到你要的附加组件，下载并安装。

安装好了后在火狐浏览右上角会有一个小虫虫的。如下图。

我我们可以单击他。或是按F12来招换出来firebug，进入调式页面。

可以查看网络等什么。

FireBug(萤火虫)使用方法

如何使用谷歌chrome浏览器上的firebug (以chrome8为例)：

1、首先点击“设置”图标（关闭按钮下面的），找到“工具”，点击其中的“扩展程序”菜单项。出现的页面上点击“获得更多扩展程序 >>”（看完后也可以忽略前二步）

2、新开的页面是谷歌浏览器扩展下载官网，在搜索中输入firebug，你就可以找到这个扩展工具，然后点击链接后在点击“安装”。

3、安装完毕，在设置按钮旁边会有一只虫子的图标，这个就是firebug了。

4、这个时候图标是灰色的，说明它没有生效，你只要打开一个新的网页，然后点击图标，让其变为彩色。最后在页面上打开右键菜单，选择“审查元素”就可以了。

运行后，网页和firebug会各自占用半个屏幕，你只要点击firebug左下角（也就是浏览器左下角）的放大镜图案，然后鼠标移到你要观察的网页元素上面，再点击左键就可以开始研究html和css代码了。

目前为止，firebug应该是网页开发中最好的工具了。还没有任何一个工具可以超越它。