Firefox:Firebug 与检查元素

Question

我是 Web 开发的新手，我不断听到使用 Firebug 的建议。问题是，我看不出 Firebug 比检查元素功能有任何优势(我使用 Firefox 24)。
我错过了什么吗？

我害怕习惯了一种工具，然后我会陷入困境以切换到更好的工具。请就一种工具或另一种工具的优势提出建议。

Answer 1

2年后更新

随着我越来越多地使用开发工具，我开始意识到一些事情:

Firefox 的开发工具似乎处于开发 hell 。我的回答已经过去 2 年了，
并且在功能或易用性方面几乎没有任何明显的进步。

网络面板和调试器的改进微不足道，但仍有太多工作要做
要做的就是让它在任何地方都和 Chrome 一样好。

调试器仍然一团糟，浏览器挂了很多断点。

JSON 对象仍然以非常令人沮丧的树形式显示，不可能
复制或扩展为 JSON 字符串的方法。

时间线功能至少可以说是可笑的。

它们是如此基本的要求，以至于我开始相信 Mozilla 不在乎
甚至有点关于开发工具。

Firebug 丢失了 - 它无处可去，团队正在挣扎着创建新的 Firebug 3
它建立在内置的开发工具之上。现在，由于开发工具的功能严重不足
我不希望 Firebug 的人能在至少一年内达到接近正确可用性的任何地方。

这让我想到了 Chrome。在查看最新版本后，Chrome 团队似乎已经
在开发者工具领域几乎无懈可击的领先地位，这是正确的。他们投入了大量
专注于开发人员，并创建了一些漂亮的东西来简化测试和开发
Web开发。

所以，总而言之，如果你想回答今天的问题，我会毫无保留地推荐你
Chrome 合金。它为您节省了很多:

血液(来自沸腾)，

汗水(来自编码)和

眼泪(来自调试)

谢谢你。

现在，看看我 2 岁的自己是怎么想的:

一些差异:
++ = 网络检查器更好 -- = Firebug 更好 == =不能说

++ 有一个 3D 模式 在 Web Inspector 中，如果您正在摆弄 z-indexes 或元素的命中区域没有被正确识别，这非常好。
++ 如果您在选项卡中打开 Firebug，然后切换到另一个选项卡并返回，则切换需要相当长的时间。 Inspector 显然不存在此问题。

This problem was because of bugs in Firefox's Javascript Debugger (JSD). This has been a known bug and is being fixed as I write this... Install the 1.13.0alpha release, which fixes this bug. The newer versions of Firefox will fix their JSD too.

++ 真棒 响应式设计模式 用于在不同分辨率下测试您的网站。

-- Firebug、XPath、Sass 等有很多插件，非常适合扩展开发
--(主观)我觉得 web-inspector 的颜色主题很酷，但是说到使用它，就很难了。

== 在 Firebug 和检查器中输出对象的方式同样糟糕，(Chrome 在这里占主导地位!)
在控制台写: console.log(window)看看我在说什么。实际上，即使在这里，Firebug 也比检查器更好。