Firebug(firefox插件)

Firebug是firefox的一个插件，Firebug 和 firefox 整合在一起，使你浏览网页时手边有了一套强大的网页开发工具，虽然最新的火狐不再有这个插件，不过我们可以通过手动安装或者下载旧版本来解决这个问题，有需要的就来IT猫扑下载吧！

firebug信息

你可以编辑、调试和监控任何网页上的 CSS、HTML 和 Javascript。而且可以在线的时候修改dom非常弹大的插件．

用Firebug + Firefox 组成最强大的网页调试工具。

文件的扩展外是 xpi 直接拖入到 FireFox中就可以安装了。

安装好后按 F12 就会弹出调试窗口

Firebug 1.10a5修复了9个问题。

从这个版本的一些亮点

断点条件编辑器支持自动完成（issue 3155）

正确的HTML面板支持MATHML实体的引用。也有三种选择如何显示在一般的实体。你可以看到符号直接，实体名称或Unicode表示（issue 3159）。

使用向上/向下键（编辑风格侧板时），可以改变颜色。支持各种格式（RGBS，HSLA，十六进制）（issue 5177）

操作说明

Media queries 引入CSS规则 查询显示和编辑（issue 5277）。

Firebug 1.6.2，修复问题（issue 3880和issue 3933），Firebug 1.7接近测试阶段，我们要集中我们的努力就可以了。

Firebug 1.6.1 修复1.6.0 反映的问题，除其他外，按Ctrl + Shift + Arrow 修复。

Firebug1.6.1上传在 AMO，但它可能需要一些时间才能显示- 因为它必须通过定期审查程序（是的，这是新的）。

Firebug是Firefox的一个插件，Firebug 和 firefox 整合在一起，使你浏览网页时手边有了一套强大的网页开发工具。

你可以编辑、调试和监控任何网页上的 CSS、HTML 和 Javascript。而且可以在线的时候修改dom非常弹大的插件．

用Firebug + Firefox 组成最强大的网页调试工具。

文件的扩展外是 xpi 直接拖入到 FireFox中就可以安装了。

安装好后按 F12 就会弹出调试窗口

支持Mozilla Firefox 3.X

Firebug功能介绍

激活

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命令行中。

Firebug插件使用方法

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

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

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

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

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

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

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