我是 Web 开发的新手，我不断听到有关使用 Firebug 的建议。问题是，我看不到 Firebug 相对于检查元素功能的任何优势（我使用的是 Firefox 24）。 我错过了什么吗？
我害怕习惯一种工具，然后陷入我的方式来切换到更好的工具。请就一种工具或另一种工具中优越的特定功能提出建议。
【问题讨论】：
标签： firefox firebug inspect-element
随着我越来越多地使用开发工具，我开始意识到一些事情：
Firefox 的开发工具似乎陷入了开发地狱。我的回答已经2年了， 并且在功能或易用性方面几乎没有任何明显的进步。
它们是如此基本的要求，以至于我开始相信 Mozilla 不在乎 稍微了解一下开发工具。
Firebug 丢失了 - 它无处可去，团队正在努力创建新的 Firebug 3 它建立在内置开发工具之上。现在，由于开发工具功能严重不足 我不希望 Firebug 人员在至少一年内达到接近正常可用性的任何地方。
这让我想到了 Chrome。看了最新版本后，Chrome 团队似乎有 在开发人员工具领域几乎无可争议的领先地位，这是正确的。他们已经投入了重要的 专注于开发人员，并创建了一些漂亮的东西来简化测试和开发 网络开发。
所以，总而言之，如果您想知道今天这个问题的答案，我会毫无保留地向您推荐 铬合金。它可以为您节省很多：
谢谢。
现在，看看我 2 岁的自己是怎么想的：
一些区别：
++ = web 检查器更好-- = firebug 更好== = 不能说
++ Web Inspector 中有一个 3D 模式，如果您正在摆弄 z-indexes 或元素的点击区域不正确，这非常好正在被识别。
++ 如果您在一个选项卡中打开 Firebug，然后切换到另一个选项卡并返回，则切换需要相当长的时间。 显然 Inspector 不存在这个问题。
这个问题是由于 Firefox 的 Javascript 调试器 (JSD) 中的错误造成的。这是一个已知的错误，在我写这篇文章时正在修复...安装 1.13.0alpha 版本，它修复了这个错误。较新版本的 Firefox 也将修复其 JSD。
++ 很棒的响应式设计模式，用于在不同分辨率下测试您的网站。
-- Firebug、XPath、Sass 等有很多插件，非常适合扩展开发
——（主观）我觉得web-inspector的颜色主题很酷，但是用起来就很难了。
== 在 firebug 和 inspector 中输出对象的方式同样糟糕，（Chrome 在这里占主导地位！）
在控制台中写：console.log(window) 看看我在说什么。实际上，即使在这里，Firebug 也比inspector 更好。
【讨论】：
我将两者用于不同的依赖项。
在我的角色中最常见的：
虽然使用 chrome 中的检查元素，但我发现在故障排除时非常方便的优势是能够编辑样式。
我相信这不会影响您的决定，但我想请保持开放的心态，每个人都有自己的优势。这是您需要它们的问题。
我个人认为自己无法适应一个。
【讨论】：
Tools > Web Developer > Inspector
这真的归结为偏好，因为每个都有权衡。我真的很喜欢内置 Inspect Element 中的“样式编辑器”，它可以让您创建样式表并实时查看效果。
【讨论】：