Firebug的开发者工具没有哪些功能？ [关闭]

136
投票

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

Chrome的DevTools因为它有：

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

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

1
投票

Firebug有可能有其他插件附加到它，如Firecookie。其余的它们非常相似，我认为这都是关于品味的。

1
投票

还添加它可以复制XPATH添加CSS选择器的HTML元素。

那时候真的很方便！ :)））哈哈哈

1
投票

我认为开发工具很相似，但我很难强制Chrome不缓存任何东西。即使设置Chrome“禁用缓存”设置也无法100％正常工作;我不知道为什么。

我没有使用Firefox / Firebug这个问题，所以我还在使用它。

1
投票

加我几美分......

Chrome Inspector无法按字母顺序对CSS属性进行排序，因为Firebug可以像魅力一样对其进行排序。当你检查一些css元素并且需要抓住它时，它有助于firebug在这方面很方便。根据良好的CSS编码实践，在代码中按字母顺序排序CSS属性总是更好。
当您处理涉及大量脚本的项目时。在脚本标记下的firebug中，您可以选择在提供的建议框中搜索js文件。与chrome一样，你将有一个蹩脚的树视图来定位你的JS文件，这对于查看js文件的命名空间和遍历树是很繁琐的。此选项可能不会影响在项目中涉及少量JS文件的任何人。当我的脚本超过1000个JS文件时，我使用的firebug就是这个功能。

0
投票

今天几乎完成了转换，但我注意到我无法右键单击Chrome中的修改后的CSS并复制规则或样式声明，就像我可以在firebug中一样。上帝我希望firefox没有突然开始吸吮或我不会有这个问题。

0
投票

使用chrome调试器，我可以调试我的GWT项目的jsni，其中FireBug只显示一个匿名函数，而我根本不认识到执行函数。

0
投票

我喜欢Chrome开发工具，但有时我错过了firebug的这些强大功能。

条件断点：仅在特定条件下暂停。
记录函数调用：标记该函数并在控制台中查看您想要知道的所有内容。
Break On Property Change：如果属性发生变化，Mark对象和调试器将暂停。

0
投票

“编辑并重新发送”请求功能

通过Firefox Developer工具中的“编辑和重新发送”功能（重放XHR或Firebug中的某些功能），您可以使用请求中的更改重播XHR请求，包括请求标头，请求正文，http方法甚至网址。谷歌Chrome的重播XHR只是重播请求，不允许对请求进行任何修改。

我需要此功能时使用Firefox Devtools。

28
投票

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

11
投票

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

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

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

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

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

11
投票

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

存在一些小差异，例如DevTools没有CSS面板（尽管可以在Elements面板中操作CSS样式表）。

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

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

6
投票

编辑：这曾经是真的，但Chrome Dev Tools实现了它。

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

4
投票

据我所知，Firebug是唯一一个可以在键入时实时编辑HTML代码和文本的人。非常有用，如果您正在尝试查看文本如何适合容器并一次添加一个字符。

在Chrome中编辑HTML时，您必须按TAB或ENTER退出“编辑模式”，然后在页面上查看更改。

在Firebug中，您还可以立即输入HTML代码。在Chrome中，您必须右键单击并选择“编辑HTML”。否则，它将显示为<b>粗体</ b>。

我真的想换到Chrome，因为它似乎跑得更快，但实时编辑对我来说太重要了。

3
投票

鼠标选择萤火虫很棒，但我似乎无法在Chrome开发者工具中找到它。

它困扰我，因为我无法在萤火虫中找到它的热键，而铬完全缺乏它。

我是一个菜鸟开发人员，因此在开发时大部分时间仍然使用鼠标。

3
投票

当时这个问题被问到Firebug是一个野兽，但现在Chrome开发者工具（DevTools）对于Web开发人员来说非常方便。虽然我并没有对Firebug咆哮，因为我已经使用Firefox和Firebug学习了Web开发。

它是Web开发的一个很好的工具，它介绍了DevTools和Firefox的DevTools的所有主要功能。但是，我转而使用Chrome DevTools，虽然它们没有涵盖Firebug的所有功能，因为它们重量轻且速度比Firebug快得多，因此我认为访问localStorage很容易定义并且源代码组织在那里。

在这里，我将列出Firebug中功能的独特之处，

搜索：搜索选项在Firebug中定义良好，因为它易于访问，我们可以使用区分大小写和正则表达式搜索关键字。
DOM：可以使用各种过滤选项（如显示用户定义的属性，显示用户定义的函数等）在Firebug中轻松访问DOM结构。
饼干： Firebug允许我们创建自己的cookie并提供导出cookie的条款。
网络/网： Firebug有一个Net面板，DevTools将其称为网络。两者都有助于分析加载资源及其状态的所有请求。在Firebug中，我们可以轻松掌握资源的远程IP。
资料来源：尽管DevTools中提供了Source Edit，但我觉得使用Source Edit时Firebug更好，因为如果你想在DevTools中编辑CSS文件，你必须转到Sources面板，然后按Ctrl + O查找文件。只有这样你才能编辑文件。在Firebug中，您可以在每个菜单选项卡下轻松找到“源编辑”。
对道场的支持：一旦我成为dojo开发人员，Firebug就可以通过使用Dojo Firebug Extension轻松扩展以支持dojo开发。