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


99

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

  • Firebug具有哪些独特功能?

  • Firebug和Firefox开发人员工具都提供哪些功能?


3
我正在阅读Mozilla Hacks的rss feed,现在看来本机工具开始变得比Firebug更好。如果与他们合作的人可以确认在2014年会很好。例如-hacks.mozilla.org/2014/02/…–
llamerr

2
考虑到当前的Firefox发布周期相对较快,简单地合并努力难道不可行吗?当Firefox DevTools原始时,为什么Firebug不能像说pdf.js一样一直使我感到困惑...使用Firefox 29以后的更新版DevTools,我可以看到自己在Firebug和DevTools之间切换以完成某些任务可以在一个或另一个中更好地执行。
2014年

Answers:


53

自从编写此问题以来,Firefox的本机开发人员工具已经走了很长一段路。差异主要减少到以下几点:

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

还有很多遗漏的东西,在一份错误报告中可以找到Firebug和Firefox DevTools之间的所有空白

Firebug整合

Firebug现在基于本机开发人员工具构建。从Firefox 48开始,还有一个类似于Firebug扩展的Firebug主题,让您习惯Firebug时就可以感到宾至如归。启用多进程Firefox后,按F12或单击Firebug按钮将打开Firefox DevTools并带有Firebug主题。

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


2
2014年11月15日-FF 33.0:本机检查工具进行了很多改进: 过滤器可用于“网络”选项卡许多真正酷和有用的功能:3D视图,响应设计模式,色彩采集器,使用的字体+字体预览; 与Firebug相比具有巨大的性能优势 ; 可以通过Firefox->工具->页面信息->安全性来查看Cookie 。 希望有一天我可以用本地工具替换firebug,因为我认为firebug插件不可能获得本地工具的高性能。
malisokan 2014年

FireBug 3.0与本地工具相比如何?看来他们基本上只是在剥夺本机工具的外观,并且在Firebug 3.0a9和FF 36.0.1中的本机开发工具之间找不到任何比较?
gabaum15年

31

Firebug具有许多内置工具没有的小功能。在UI上玩,这是我想到的,但是我敢肯定还有更多:

  • 封闭检查功能,例如someFunction.%closureVar命令行语法
  • 右键单击以在命令行中播放任何值
  • 单击编辑
  • 悬停时突出显示元素
  • 命令行API,例如includegetEventListeners
  • 显示UA样式的能力
  • 在“样式”面板中“添加规则”
  • 可用于缩小CSS的CSS面板
  • 当元素仅包含文本时,HTML面板将内联显示文本
  • 在控制台中使用JSON修饰的XHR日志记录(并且不会打开弹出窗口)
  • HTML面板中的“中断属性更改/子树更改/节点删除”
  • “突变失败”,“下一步破坏”,“属性更改失败”,“ cookie更改失败”
  • 整个Cookies面板
  • 控制台面板中的堆栈跟踪
  • 编辑和粘贴HTML
  • 大多数面板中的自由文本搜索
  • 如果您需要旋转的很多选择
  • 事件记录

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


1
看来,此列表中的许多内容与今天无关。
Aleks-Daniel Jakimenko-A。

firebug最近(2016年11月)已集成到firefox中……并且所有这些简单功能/小巧的改进(如“单击即可编辑”)都消失了。 ...萤火虫的一般UI可以更好,更快地使用
webdev-dan


6

随着Firebug和本机开发人员工具的合并,这将很快变得无关紧要:

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

我们希望在Firebug 2停止工作时做好准备,并提出了以下计划。

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

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

我们目前正在移植XHR Inspector(错误1211525),DOM面板(错误1201475)和Firebug主题(错误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已经多次推迟了电解的发布。当前的计划是在2016年4月19日将Firefox 46发布到稳定版时,将多进程Firefox发布到稳定版中。

但是,这仅是预计的发布日期,并且电解可能会进一步延迟。

Mozilla必须使该版本对浏览器的用户减轻痛苦的一个有趣想法是,仅在没有附加组件的Firefox版本以及仅安装了兼容附加组件的Firefox版本中启用Electrolysis。

一段时间以来,我们一直致力于统一Firefox Developer工具和Firebug。从Firefox 49开始,我们将交付内置的Firebug.ne​​xt。

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

此外,我们还移植了一些常见的Firebug扩展(以前称为NetExport的PixelPerfect,FireQuery和HARExportTrigger)。当我们使用它时,您可能会喜欢我们的新WebSocket Monitor扩展。

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

这个主题很热,很热,很热!向开发人员工具的Firebug主题打个招呼

Mozilla今天发布了适用于Windows,Mac,Linux和Android的Firefox 48。该浏览器已经获得了多处理器支持(最终),增强了针对有害下载的保护,并在Android上进行了媒体改进。不再支持旧的OS X版本和Android Gingerbread。

在Firefox 48中,Mozilla缓慢地启用了多进程支持,从1%的用户开始,逐渐增加到Firefox发布渠道的近一半。要检查您是否在电解组中,请在URL栏中键入“ about:support”,然后在“多进程Windows”行项目下检查其是否显示“ 1/1(默认为启用)”。

参考文献


这仍将是相关的,它们不会合并,新的Firebug将在DevTools之上构建,因此它不会重复任何现有功能,但仍将具有一些独特的功能。
用户

@user Honza是主要开发人员之一,在上面链接的mozilla hacks博客文章中有此说法:One of our goals is to bring Firebug UX into native devtools, so yes, features are mixing to devtools.
Paul Sweatte 2015年

1
“ Firebug 3并不是另一个开发人员工具,它只是在DevTools之上构建的一个薄层,提供了使DevTools看起来像Firebug的新主题。还有一些其他功能,我们将逐步将其移植到DevTools中。” (来源)所以我相信您是正确的,最终它将完全合并到DevTools中。
用户

5

我认为,在实施网络面板和时间轴功能之后,最大的优势仍然是各种Firebug扩展的可用性,例如YSlow,Page Speed,FirePython等。

最后,根据您的个人喜好选择更多的选择,可以为您带来最大的便利和速度。

关于此决定的一个有趣的细节是,Firebug曾经是对Firefox产生最大负面性能影响的插件之一。我不了解有关此方面的最新研究,尤其是如果内置的开发工具在性能方面比Firebug更好。


4
该列表仅与启动性能有关,当Firebug延迟加载时,该性能在1.10中得到了很大的提高。尽管如此,Firefox devtools确实更关心使用过程中的性能,部分原因恰恰是因为它们希望避免被Firebug的普遍看法“慢”所损害。我不知道这是否合用起来。
西蒙·林德霍尔姆


0

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

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

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

  • 复制唯一选择器

仅供参考,在错误987877中请求复制元素的XPath,由于Firefox 53.0,可以通过右键单击元素> 复制 > CSS路径来复制CSS路径(请参见错误1323700)。
塞巴斯蒂安·扎特纳

0

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

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.