100

我刚刚清理了我的 Firefox 插件并想知道：

  • Firebug 有哪些使其独一无二的功能？

  • Firebug 和 Firefox 开发者工具都有哪些功能？

4

8 回答 8

54

自从编写这个问题以来，Firefox 的原生开发人员工具已经取得了长足的进步。差异主要体现在以下几点：

  • 无法停止对 DOM 突变、XHR 或 cookie 更改的脚本执行。
  • XPath 不能被复制。
  • 检查器中缺少事件侧面板（尽管事件显示在 DOM 结构中）。
  • 检查器中缺少 DOM 侧面板。
  • 编辑 HTML 时没有实时预览。
  • 命令行中的不可枚举属性缺少自动完成功能。
  • 无法在样式编辑器的多个文件中搜索。
  • Web 控制台中没有多行命令行（尽管它们有 Scratchpad 和“智能多行”命令行）
  • 没有工具栏按钮来切换工具或检查器。
  • 无法在网络请求的响应中搜索。
  • 缺少几个 CSS 属性的自动完成功能。
  • 缺少几个命令行命令。
  • 无法添加 cookie，只需编辑现有的。
  • 每个域（而不是每个选项卡）没有永远在线模式和激活。

还有更多的东西遗漏了，这些东西在一份错误报告中进行了跟踪，记录了 Firebug 和 Firefox DevTools 之间的所有差距。

Firebug 集成

Firebug现在建立在原生开发者工具之上。从 Firefox 48 开始，还有一个看起来像 Firebug 扩展的Firebug 主题，如果您习惯了 Firebug，让您有宾至如归的感觉。启用多进程 Firefox 后，按下F12或单击 Firebug 按钮将打开 Firefox DevTools 和 Firebug 主题。

还有一个迁移指南解释了 Firebug 和 Firefox DevTools 之间的区别。

于 2013-10-23T19:50:33.770 回答
31

Firebug 有很多内置工具没有的小功能。玩弄 UI，这就是我想到的，但我敢肯定还有更多：

  • 闭包检查能力，如someFunction.%closureVar命令行语法
  • 右键单击以在命令行中使用任何值
  • 单击编辑
  • 悬停时突出显示元素
  • 命令行 API，例如include和getEventListeners
  • 显示 UA 风格的能力
  • “样式”面板中的“添加规则”
  • 可用于缩小 CSS 的 CSS 面板
  • 当元素仅包含文本时，HTML 面板会显示内联文本
  • XHR 使用 JSON 美化登录控制台（并且不会打开弹出窗口）
  • HTML 面板中的“中断属性更改/子树更改/节点删除”
  • “突变中断”、“下一个中断”、“属性更改中断”、“cookie 更改中断”
  • 整个 Cookies 面板
  • 控制台面板中的堆栈跟踪
  • 编辑和粘贴 HTML
  • 大多数面板中的自由文本搜索
  • 如果你需要，有很多选择
  • 事件记录

当然，这也有主观的方面。例如，我个人更喜欢 Firebug 的 UI 和外观，而不是 devtools 的黑度，而且以前对工具的熟悉程度总是很重要的。

于 2013-10-09T10:46:52.873 回答
6

好像那边有人在这里看到了我的问题；）

https://hacks.mozilla.org/2013/10/firefox-developer-tools-and-firebug/

问题是，这也不能很好地回答。但这意味着，Firebug 现在没有太多可以区分自己的地方，因此正在寻找改变这种情况的方法。

于 2013-10-09T00:25:55.317 回答
6

这很快就会无关紧要，因为 Firebug 和原生开发者工具正在合并：

Firebug 2 在多进程浏览器（即e10s）中不工作，并且转换太复杂，在Firefox 中激活e10s 时它将停止工作。

我们希望在 Firebug 2 停止工作时做好准备，我们制定了以下计划。

将所有 Firebug 3 功能集成到 Firefox 内置工具中，并将所有 Firebug 用户转发给它。

仅当我们必须在扩展中提供 Firefox 开发人员工具中缺少的任何关键功能时，才通过发布 Firebug 3（在 AMO 上）替换 Firebug 2。

我们目前正在移植 XHR Inspector ( bug 1211525 )、DOM 面板 ( bug 1201475 ) 和 Firebug 主题 ( bug 1244054 )。

Firebug 下一个版本的主要目标是将其集成到 Firefox 内置的 DevTools 中。除此之外，Firebug 工作组还计划了一些新功能来扩展 DevTools 的新功能。

Firebug 3.0 alpha（又名 Firebug.ne​​xt）目前与 Firefox 35 – 36 兼容，并将支持即将推出的多进程（以及非多进程）浏览器。

Firebug 3.0（也称为 Firebug.ne​​xt）代表构建在原生 Firefox 开发者工具之上的下一代 Firebug。

如果您将 Firebug 2 安装到支持多进程 (e10s) 的浏览器中，系统会提示您升级到 Firebug 3 或关闭多进程支持。

Mozilla 已经多次推迟了 Electrolysis 的发布。目前的计划是在 2016 年 4 月 19 日 Firefox 46 发布到稳定频道时，将多进程 Firefox 发布到稳定频道。

然而，这只是预计的发布日期，电解可能会进一步延迟。

Mozilla 必须使发布版本对浏览器用户的痛苦减轻的一个有趣想法是，仅在没有附加组件的 Firefox 版本和仅安装兼容附加组件的 Firefox 版本中启用电解。

一段时间以来，我们一直致力于统一 Firefox 开发者工具和 Firebug。从 Firefox 49 开始，我们将内置 Firebug.ne​​xt。

如果您使用内置的 Firefox 开发人员工具，而不是 Firebug，那么您可能会喜欢我们在此合并中添加的 DOM 面板和 Firebug 主题。

此外，我们还移植了一些常见的 Firebug 扩展（PixelPerfect、FireQuery 和 HARExportTrigger，以前称为 NetExport）。当我们在做的时候，你可能会喜欢我们新的 WebSocket Monitor 扩展。

作为将 Firebug 功能移植到内置工具的一部分，我们还移植了 Firebug 主题，为 Firebug 用户提供更熟悉的工作环境。

这个主题很热，很热，很热！向开发者工具的 Firebug 主题打个招呼

Mozilla 今天推出了适用于 Windows、Mac、Linux 和 Android 的 Firefox 48。该浏览器（最终）获得了多处理器支持、增强了对有害下载的保护以及对 Android 的媒体改进。已放弃对旧 OS X 版本和 Android Gingerbread 的支持。

在 Firefox 48 中，Mozilla 正在慢慢启用多进程支持，从 1% 的用户开始，逐渐增加到 Firefox 发布渠道的近一半。要检查您是否在 Electrolysis 组中，请在 URL 栏中键入“about:support”，然后检查 Multiprocess Windows 行项下是否显示“1/1（默认启用）”。

参考

于 2015-03-28T18:27:46.940 回答
5

我认为最大的优势——在实现网络面板和时间线功能之后——是各种Firebug 扩展的可用性，例如 YSlow、Page Speed、FirePython 等。

最后可能更多的是根据你的个人喜好来选择，想出一个给你带来最大便利和速度的选择武器。

这个决定的一个有趣细节是，Firebug 曾经是对 Firefox 产生最显着负面性能影响的插件之一。我不知道目前对此的研究，特别是如果内置开发工具在性能方面比 Firebug 更好。

于 2013-10-05T01:18:57.410 回答
0

与当前 firebug 版本相比，本机开发工具的一个优势是它具有 sourcemaps，而 firebug 没有。

于 2015-05-22T16:35:41.303 回答
0

Firebug 具有但 Firefox 的内置检查器没有的独特功能包括：

  • 复制 XPath
  • 复制最小 XPath
  • 复制 CSS 路径

Firefox 的内置检查器具有但 Firebug 没有的独特功能包括：

  • 复制唯一选择器
于 2016-05-14T12:54:13.533 回答
0

大型编辑器模式下的控制台命令行允许针对当前上下文运行代码。新的 Scratchpad 看不到当前断点范围。这是一个可怕的损失。

于 2017-01-26T22:34:08.803 回答