FireBug(萤火虫)无底版2.0.16官方版app下载

FireBug(又名Firefly)是firefox下的扩展工具，可以调试所有网站语言，如Html、Css等。但是Firebug的吸引力在于javascript调试功能，使用起来非常方便。

并且可以在各种浏览器(即Firefox、Opera、Safari)中使用。

Firebug软件简介

Firebug的其他功能也很强大，比如HTML、CSS、DOM的查看调试，网站整体分析等等。简而言之，它是一个完整而强大的WEB开发工具。然后是它的开源软件。

FiFireBug集成了HTML查看编辑、Javascript控制台和网络状态监控，可以说是开发者必备的扩展之一。Firebug从不同角度分析网页内部细节。

给Web开发者带来了极大的便利。

FireBug (Firebug)集成了丰富的开发工具，在为你的Firefox浏览网页的时候可以轻松获得。你可以实时编辑、调试和监控任何网页的CSS、HTML和JavaScript

Firebug功能介绍

激活

Firebug激活是基于URL的，并且遵循相同的源策略。这意味着，当你在不同的选项卡上打开来自同一源代码的页面时，Firebug会自动打开。当您在同一标签页中打开不同来源的页面时，它会自动关闭。

另一方面，DevTools的激活是基于标签的。这意味着当你在标签页中打开DevTools时，即使你在不同的网站之间切换，它们也将保持打开。但是，当您切换到另一个选项卡时，它们会被关闭。

打开工具

按F12打开Firebug。要打开它来检查元素，可以按Ctrl Shift C/Cmd Opt C。dev tools共享相同的快捷键，但也为不同的面板提供快捷键。举个例子，

网络监视器可以通过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，所以你的控制台。*语句将继续工作。

坚持日志

在Firebug中，可以单击工具栏中的Persist按钮来保存页面导航和重新加载之间记录的消息。在DevTools中，此选项称为启用日志记录，可在工具箱选项面板中找到。

服务器日志

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

命令历史

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

Firebug 安装教程

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

注：解压压缩包需要使用压缩解压工具，推荐使用WinRAR，技术成熟可靠。WinRAR下载地址：https://www.52hkw.com/d/file/pic/20230405/5.htm

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

Firebug 使用方法

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

1、控制台（Console）功能：控制台得主要作用是用来显示网页各类错误信息，并可对日志进行打印处理。同时可以在进行javascript调试的时候当作命令行窗口使用，

并通过概况子选项说明javascript代码执行的相关信息。

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

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

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

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

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

Firebug 和Chrome 自带的开发人员工具相比起来有哪些优缺点？

firebug出来较早，在资深程序员眼里是最爱，但chrome后来居上，有些重叠功能也不相上下，甚至更佳。综合功能来讲，由于Firefox在某些方面，

比Chrome还支持得多一些（尤其是html5的某些新特性），因此两者各有优势，不分伯仲。

Firebug 更新日志

Firebug 2.0.16与Firefox 30 - 48兼容

Firebug 2.0.16修复了以下问题：8004。