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,如
include
和getEventListeners
- 显示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.next)目前与Firefox 35-36兼容,将支持即将推出的多进程(以及非多进程)浏览器。
Firebug 3.0(也被称为Firebug.next)表示构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.next。
如果您使用内置的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.next 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没有看到当前的断点范围。 这是一个可怕的损失。