18

我是网络开发的新手，我不断听到使用 Firebug 的建议。问题是，我看不到 Firebug 相对于检查元素功能的任何优势（我使用的是 Firefox 24）。我错过了什么吗？

我害怕习惯一种工具，然后陷入我的方式来切换到更好的工具。请就一种工具或另一种工具中优越的特定功能提出建议。

4

3 回答 3

13

2年后更新

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

  1. Firefox 的开发工具似乎陷入了开发地狱。我的回答已经 2 年了，在功能或易用性方面几乎没有任何明显的进步。

    • 网络面板和调试器的改进微乎其微，但仍然需要做太多的工作才能使其在任何地方都与 Chrome 一样好。
    • 调试器仍然一团糟，浏览器在断点上挂了很多。
    • JSON 对象仍然以非常令人沮丧的树形式显示，无法复制或扩展为 JSON 字符串。
    • 时间线功能至少可以说是可笑的。

    它们是如此基本的要求，以至于我开始相信 Mozilla 一点也不关心开发工具。

  2. Firebug 丢失了——它无处可去，团队正在努力创建一个新的 Firebug 3，它建立在内置的 Dev-Tools 之上。现在，由于 Dev-Tools 的功能严重不足，我不希望 Firebug 人员至少在一年内达到接近正常可用性的任何地方。

  3. 这让我想到了 Chrome。在查看了最新版本之后，Chrome 团队似乎在开发者工具领域拥有几乎无懈可击的领先优势，这是正确的。他们非常关注开发人员，并创建了一些漂亮的东西来简化 Web 开发的测试和开发。

因此，总而言之，如果您今天想回答这个问题，我会毫无保留地向您推荐 Chrome。它为您节省了很多：

  • 血液（来自沸腾），
  • 汗水（来自编码），和
  • 眼泪（来自调试）

谢谢你。

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

一些区别：

++=网络检查器更好
--=萤火虫更好
===不能说

++ 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 也比检查器更好。

于 2013-11-24T10:03:19.607 回答
1

我将两者用于不同的依赖项。

在我的角色中最常见的：

  • 我发现萤火虫更容易在页面加载时查看 JavaScript 调用。
  • 此外，omnibug插件（用于 firebug）非常方便查看omniture vars 和cookies

而使用 chrome 中的检查元素，我发现在故障排除时非常方便的优势是能够编辑样式。

我相信这不会影响你的决定，但我想保持开放的心态，每个人都有自己的优势。这是您需要它们的问题。

我个人看不到自己适应一个。

于 2013-09-18T02:54:38.333 回答
0

这真的归结为偏好，因为每个人都有权衡。我真的很喜欢内置 Inspect Element 中的“样式编辑器”，它可以让您创建样式表并实时查看效果。

于 2014-01-15T22:19:22.937 回答