Firebug的开发者工具没有哪些功能？

Question

我是一名新手Web开发人员,我已经多次使用Firebug进行调试.然而,到目前为止,我一直在使用Chrome的内置开发者工具.它似乎做了Firebug所做的一切,并且作为奖励更清洁,更有条理.

随着我的调试越来越先进,Firebug有哪些功能我会错过Chrome的DevTools？如果是这样,他们是什么？

相关:适用于谷歌浏览器的类似Firebug的调试器

Answer 1

我从一开始就使用Firebug,这是一个像火焰发明的天赐之物.但随后Chrome推出了调试器,我试了一下.我一直在使用Firebug,但是密切关注Chome的开发工具,最后在v12中添加JSON工具之后不能再提出不切换的理由了.

Chrome的DevTools因为它有:

• 内置Timeline,Profiler和堆分析器
• 内置审计工具
• 可以访问和编辑Local/SessionStorage,Cookies,SqlLite DB,WebSQL,AppCache等...
• WebSockets网络嗅探
• JS调试器有一些更多的功能(例如WebWorker断点)
• JS调试器让你动态编辑JS并运行它(JSFiddle没有小提琴)
• 如果你愿意,每个窗口都有一个devtools窗口; Firebug是一个单身人士
• Firebug通过减慢其加载速度并为其检查器功能注入CSS来扰乱页面

更新:2年后,我不得不祝贺Firefox团队取得巨大进展.也就是说,Chrome团队和调试器每月都会实现巨大飞跃,引领行业发展.我会更新上面的列表,但坦率地说它会填满整个页面.

Answer 2

我没有遇到过切换到Chrome后我错过的Firebug功能.

Answer 3

Chrome开发者工具接管了Firebug的功能,因此所有主要功能和熟悉程度都存在(例如$0,和console对象).

存在一些小差异,例如DevTools没有CSS面板(尽管可以在Elements面板中操作CSS样式表).

Chrome工具还具有时间轴,配置文件和存储面板.在时间轴面板记录加载,CSS渲染和JavaScript解析." 配置文件"面板配置文件资源使用情况," 存储"面板显示并允许更改站点的数据库,本地存储,会话存储和cookie.

最后,这两种工具都有自己的微小差异,这使得各种操作变得更容易或更难.我的建议是使用Firebug for Firefox和DevTools for Webkit浏览器,因为只有Firebug Lite可以在Chrome上运行,而且它缺少普通Firebug所具有的许多功能(而且DevTools内置于Chrome中).

Answer 4

使用Firebug感觉更舒服.我现在想不出具体的细节,但有时候我会尝试在Safari或Chrome中调试一些东西,看起来像是这样的PITA,我启动Firefox并快速完成任务.

DOM选项卡是一个加号.它比Chrome的等效产品更易于访问和布局.我更喜欢在Firebug中将DOM和其他JS对象记录到控制台的方式.

像Pixel Perfect这样的Firebug插件也很有用.我不知道Chrome是否存在任何此类工具.

总的来说,这无关紧要,因为无论如何你必须在两种浏览器中进行测试.和IE,所以不妨将它与IE的开发工具进行比较(它们已经改进,但与FF或Webkit相比仍然不太好).

我不认为Firebug中存在任何特别的高级功能,但Chrome中的功能并不存在.

Answer 5

编辑:这曾经是真的,但Chrome Dev Tools实现了它.

Firebug可以搜索页面上加载的所有脚本.Chrome开发者工具只能搜索当前选定的脚本AFAIK.