Firebug有哪些独特的功能不是内置于Firefox?

时间:2013-10-04 11:51:11

标签: firefox firebug language-features firefox-developer-tools

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

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

  • Firebug和Firefox开发者工具中有哪些功能?

8 个答案:

答案 0 :(得分:53)

Firefox的本机开发人员工具已经采用 long 方式,因为这个问题是 书面。差异主要有以下几点:

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

缺少更多内容,这些内容会在bug report filed for all the gaps between Firebug and the Firefox DevTools中进行跟踪。

Firebug整合

Firebug现在基于本机开发人员工具构建。 从Firefox 48开始,还有Firebug theme看起来像Firebug扩展,如果你已经习惯了Firebug,可以让你有宾至如归的感觉。 启用多进程Firefox后,按 F12 或单击Firebug按钮将打开Firefox DevTools并使用Firebug主题。

还有一个migration guide解释了Firebug和Firefox DevTools之间的区别。

答案 1 :(得分:31)

Firebug有很多小功能,内置工具没有。玩弄UI,这就是我想到的,但我相信还有更多:

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

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

答案 2 :(得分:6)

好像有人在那里看到了我的问题;)

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

问题是,这也不是很回答。但它暗示,Firebug现在没有太大的区别,所以正在寻找改变它的方法。

答案 3 :(得分: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版本中启用Electrolysis,而在Firefox版本中只安装兼容的附加组件。< / p>      

我们一直致力于统一Firefox开发人员工具和Firebug。从Firefox 49开始,我们将内置Firebug.ne​​xt。

     

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

     

此外,我们已经移植了一些常见的Firebug扩展(PixelPerfect,FireQuery和以前的NetExport的HARExportTrigger)。虽然我们正在使用它,但您可能会喜欢我们的新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(默认启用)”。

<强>参考

答案 4 :(得分:5)

我认为,在实现Network Panel & Timeline功能之后,最大的优势仍然是各种Firebug Extensions的可用性,例如YSlow,Page Speed,FirePython等。

最后,根据您的个人偏好,这可能是一个更好的选择,想出一种能为您带来最大便利和速度的首选武器。

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

答案 5 :(得分:0)

本机开发工具优于当前firebug版本的一个优点是它具有源图,而firebug则没有。

答案 6 :(得分:0)

Firebug具有的独特功能,但Firefox的内置检查员没有,包括:

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

Firefox的内置检查程序具有的独特功能,但Firebug没有,包括:

  • 复制唯一选择器

答案 7 :(得分:0)

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