Firebug 现已融入 Firefox 开发者工具

正如你可能已经 听说过,Firebug 作为独立的 Firefox 附加组件已被停用。

造成这一重大改变的原因是 Electrolysis,Mozilla 对 Firefox 架构进行重新设计以提高响应速度、稳定性和安全性的项目名称。Electrolysis 的多进程架构使 Firefox 能够在一个进程中运行其用户界面(例如地址栏、选项卡和菜单),而在其他进程中运行内容(网站)。使用多进程架构,如果网站崩溃,它不会同时导致整个浏览器崩溃。

不幸的是,Firebug 在设计时并没有考虑多进程,要在这种新场景中使其正常工作,需要进行极其困难且成本高昂的重写。 Firebug 工作组 同意他们没有足够的资源来实现如此重大的架构变更。此外,Firefox 内置的开发者工具一直在提升速度,因此将 Firebug 的下一个版本建立在这些工具之上是有意义的。

决定是 Firebug 的下一个版本(代号为 *Firebug.next*) 将建立在 Firefox 开发者工具之上,Firebug 将被合并到内置工具中。

也许最重要的是,**我们共同努力打造最好的开发者工具**,而不是相互竞争。许多 Firebug 的核心开发人员都在 DevTools 团队中,包括 Jan 'Honza' OdvarkoMike Ratcliffe。其他 Firebug 工作组成员,如 Sebastian ZartnerFlorent Fayolle 也是活跃的 DevTools 贡献者。

对他们将他们在浏览器开发者工具方面的专业知识带到项目中表示衷心的 **感谢**!

从实际角度来看,将 Firebug 合并到 DevTools 中意味着什么?

已经吸收了几个功能:DOM 面板Firebug 主题服务器端日志消息,HTTP 检查器(又称 XHR Spy)以及各种流行的附加组件,如 FireQueryHAR 导出PixelPerfect。此外,还修复了 超过 40 个错误,以缩小 DevTools 和 Firebug 之间的差距。

*对于好奇的读者,在* *hacks.mozilla.org* *上以及在* *Firebug 博客* *上都有更多详细的介绍。*

如果你现在从 Firebug 切换到 Firefox 开发者工具,你当然会注意到差异。本 迁移指南 可以帮助你。

我们理解中断并非总是受欢迎的,但我们正在努力确保开发人员拥有最佳的工具,有时这意味着我们需要重新调整重点并明智地利用资源。

你可以提供帮助:告诉我们你需要哪些功能。你可以通过以下几种方式做到这一点

我们已经在 此错误中跟踪缺少的功能,到目前为止,你已经告诉我们最重要的功能是:

感谢您的忠诚,希望您能理解我们做出这一艰难决定的原因。Firebug 的精神在我们今天构建和使用的所有浏览器开发者工具中都得以延续。

Firefox 开发者工具和 Firebug 团队

关于 Soledad Penadés

Sole 在 Mozilla 的开发者工具团队工作,帮助人们在 Web 上制作令人惊叹的东西,最好是实时制作。在 irc.mozilla.org 的 #devtools 上找到她。

更多 Soledad Penadés 的文章…

关于 Jan Honza Odvarko

Honza 正在开发 Firefox 开发者工具

更多 Jan Honza Odvarko 的文章…

关于 Patrick Brosset

Patrick 管理着 Mozilla 的 DevTools 工程团队

更多 Patrick Brosset 的文章…


11 条评论

  1. Firefox 用户

    这在 Firefox 50.1.0 中可用吗?

    2016 年 12 月 20 日 07:15

  2. Lawrence San

    您列出的“最重要的”项目中没有提到字体颜色。对我来说,这是最令人厌烦的事情。现在控制台的普通日志文本显示为红色,而警报/错误文本显示为黑色。显然应该是相反的。我在所有主题中都看到了这个问题,包括 Firebug 主题,所以可能存在影响所有主题的底层问题。

    不得不阅读红色显示的普通日志消息非常令人不安。

    2016 年 12 月 20 日 09:55

    1. Mark Fischer, Jr.

      您是如何在控制台中记录日志的?您可能使用了错误的函数调用,我从未见过 Firefox 开发者工具中正常的日志以红色显示。

      2016 年 12 月 21 日 08:32

      1. Lawrence San

        像这样

        console.log(“graphicSeriesScripts.js 已加载。”);

        这是我其中一个单独 JS 文件的顶部附近。您将如何记录它?

        在 Firebug 主题中,该消息以红色显示。在 Light 和 Dark 主题中,它以一种泥土色的橙色显示。我找不到任何可以配置或调整其显示方式的地方。

        2016 年 12 月 23 日 10:36

  3. YepHep

    FirePHP 之类的插件怎么样?是否有可能在新的 DevTools 下继续使用这些插件?否则我们都将迁移到 https://github.com/ccampbell/chromephp,我想。

    2016 年 12 月 20 日 11:03

    1. FlyingHail

      https://mdn.org.cn/en-US/docs/Tools/Web_Console/Console_messages

      从 Firefox 43 开始,Web 控制台可以显示从服务器发送的消息。这使您可以使用 Web 控制台调试服务器端代码。

      它使用 Chrome Logger 协议。

      2016 年 12 月 21 日 下午 03:49

  4. Castle Snow

    FireBug 是一个很棒的工具,非常感谢所有开发者!

    2016 年 12 月 21 日 上午 01:21

  5. revyh

    这些工具与 deburgger.html 有什么关系呢?

    2016 年 12 月 21 日 下午 18:45

    1. Patrick Brosset

      这篇文章中讨论的工具(Firefox 开发者工具)包含一个调试面板。
      此面板以前使用 XUL 作为其标记,以及许多特定于 Firefox 的 JavaScript 代码和 API。

      debugger.html 是一个项目代号:该项目的目的是摆脱 XUL 和非公开 JavaScript API,并拥有一个仅使用 HTML 和 JS 且可在任何浏览器中运行的调试器。
      该项目位于:https://github.com/devtools-html/debugger.html/

      它可以独立使用,也可以在 Firefox 开发者工具中使用,因为它取代了我们以前使用的旧调试面板。

      2017 年 1 月 3 日 上午 01:50

  6. Eagle

    我在调试器中错过了监视和在突出显示变量时的值提示 :(

    2017 年 1 月 6 日 上午 02:20

    1. Dan Callahan

      悬停时的监视和值提示已添加到 Firefox 54 中,目前该版本在开发者版渠道中 :)

      2017 年 3 月 31 日 下午 14:24

本文评论已关闭。