Firebug有什么独特的function不是Firefox内置的?

我刚刚清理我的Firefox插件,并想知道:

  • Firebug具有哪些function使其具有独特性?

  • Firebug和Firefox开发者工具中有哪些function可用?

自从写这个问题以来,Firefox的本地开发者工具已经走过了很长一段路。 差异主要归结为以下几点:

  • 无法停止DOM突变,XHR或cookie更改上的脚本执行。
  • XPath不能被复制。
  • 在Inspector中缺less事件侧面板(尽pipe事件显示在DOM结构中)。
  • 在检查器中缺lessDOM侧面板。
  • 编辑HTML时没有实时预览。
  • 缺less命令行中不可枚举属性的自动完成。
  • 在样式编辑器中无法search多个文件。
  • Web控制台中没有多行命令行(尽pipe它们有Scratchpad和一个“智能多行”命令行)
  • 没有工具栏button来切换工具或检查器。
  • 无法searchnetworking请求的响应。
  • 缺less一些CSS属性的自动完成。
  • 缺less几个命令行命令。
  • 无法添加Cookie,只需编辑现有的。
  • 没有永远在线的模式和激活每个域(而不是每个选项卡)。

还有更多的东西丢失,这是跟踪在一个错误报告填补了Firebug和Firefox DevTools之间的所有空白 。

Firebug集成

Firebug现在build立在本地开发者工具之上。 由于Firefox 48还有一个Firebug主题 ,看起来像Firebug扩展,让你感觉在家,如果你习惯了Firebug。 启用多进程Firefox后,按F12或单击Firebugbutton打开Firefox DevTools和Firebug主题。

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

Firebug有很多内置工具不具备的小function。 玩弄UI,这是想到的,但我相信有更多的:

  • closures检查function,如someFunction.%closureVar命令行语法
  • 右键单击以在命令行中使用任何值进行播放
  • 单击即可编辑
  • 突出显示hover的元素
  • 命令行API,如includegetEventListeners
  • 显示UA风格的能力
  • “样式”面板中的“添加规则”
  • 一个可用于缩小CSS的CSS面板
  • 当元素仅包含文本时,HTML面板将内嵌显示文本
  • XHRlogin与JSON美化的控制台(并没有打开一个popup窗口)
  • 在HTML面板中“断开属性更改/子树更改/节点删除”
  • “打破变异”,“打破下一个”,“打破财产变化”,“打破cookie改变”
  • 整个cookies面板
  • 控制台面板中的堆栈跟踪
  • 编辑和粘贴HTML
  • 大多数面板中的自由文本search
  • 如果你需要的话,可以select很多的选项
  • 事件logging

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

看起来像在那里的人看到我的问题在这里;)

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

问题是,那也不是很好回答。 但它意味着,现在的萤火虫没有太多的区别,所以正在寻找方法来改变这一点。

由于Firebug和本地开发人员工具正在合并,这将很快无关紧要:

Firebug 2在多进程浏览器(例如e10s)中不起作用,并且转换它太复杂,在Firefox中激活e10s时它将停止工作。

当Firebug 2停止工作,我们想要做好准备,我们已经拿出了下面的计划。

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

只有当我们必须提供扩展中的Firefox开发人员工具中缺less的重要function时,才能通过发布Firebug 3(在AMO上)来replaceFirebug 2。

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

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

Firebug 3.0 alpha(又名Firebug.ne​​xt)目前与Firefox 35-36兼容,将支持即将推出的多进程(以及非多进程)浏览器。

Firebug 3.0(也被称为Firebug.ne​​xt)表示构build在本地Firefox开发人员工具之上的下一代Firebug代。

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

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

但这只是一个预计的发布date,电解可能会进一步推迟。

一个有趣的想法是,Mozilla必须让浏览器的用户不那么痛苦,只有在没有附加组件的情况下才能在Firefox版本中启用Electrolysis,而在仅安装了兼容插件的Firefox版本中启用Electrolysis。

我们一直在努力统一Firefox开发者工具和Firebug一段时间。 从Firefox 49开始,我们将内置Firebug.ne​​xt。

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

此外,我们还移植了一些常见的Firebug扩展(PixelPerfect,FireQuery和HARExportTrigger以前的NetExport)。 而当我们在这个时候,你可能会喜欢我们新的WebSocket Monitor扩展。

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

这个主题是热的,热的,热的! 打个招呼到开发者工具的Firebug主题

Mozilla今天推出了适用于Windows,Mac,Linux和Android的Firefox 48。 浏览器已经获得了多处理器支持(最终),加强了对有害下载的保护,以及Android上的媒体改进。 支持旧的OS X版本和Android姜饼已经被删除。

在Firefox 48中,Mozilla正在慢慢地启用多进程支持,从1%的用户开始,并增长到近一半的Firefox Release频道。 要检查您是否在Electrolysis组中,请在url栏中input“about:support”,并检查是否在多进程Windows订单项中显示“1/1(默认为启用)”。

参考

  • Firebug依靠Firefox DevTools

  • 将Firebug合并到内置的Firefox开发者工具中

  • Mozilla推出Firefox Beta中的多进程testing

  • 萤火虫路线图

  • Firebug 3和多进程Firefox(e10s)

  • Firebug.ne​​xt Github回购

  • 统一Firebug和Firefox DevTools

  • 开发人员版48 – Firebugfunction,可编辑存储,检查员改进和更多…

  • Firebug 3.0项目页面

  • 远程debugging:debuggingFirefox桌面

  • Firefox 48发行说明:开发者工具

  • Firefox 48支持多进程,删除旧的OS X版本和Android姜饼

我认为在networking面板和时间线function实现之后,最大的优势还在于各种Firebug扩展的可用性,比如YSlow,Page Speed,FirePython等等。

最后,根据你的个人喜好,可能会更多的select一个select的武器,给你带来最大的方便和速度。

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

本地开发工具比当前的萤火虫版本的一个好处是,它有源地图,萤火虫没有。

Firebug具有的独特function,但Firefox的内置检查器没有,包括:

  • 复制XPath
  • 复制最小XPath
  • 复制CSSpath

Firefox的内置检查器具有但Firebug不具备的独特function包括:

  • 复制唯一select器

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