Firefox:Firebug vs inspect元素

时间:2013-09-18 02:22:25

标签: firefox firebug inspect-element

我是网络开发的新手,我一直听到使用Firebug的建议。问题是,我看不到Firebug对检查元素功能的任何优势(我使用Firefox 24)。 我错过了什么吗?

我害怕习惯一种工具,然后陷入困境,切换到更好的工具。请告知一种工具或其他工具的优越特性。

3 个答案:

答案 0 :(得分:13)

2年后的更新

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

  1. Firefox的Dev-Tools似乎处于开发状态。我回答已经2年了 并且在功能或易用性方面几乎没有任何明显的进展。

    • 网络面板和调试器的细微改进,但仍然需要做太多的工作 要做到与Chrome一样好。
    • 调试器仍然很乱,浏览器在断点上挂了很多。
    • JSON对象仍然以非常令人沮丧的树形式显示,没有可能 复制或扩展为JSON字符串的方法。
    • 时间轴功能至少可以说是可笑的。

    他们是基本要求,我开始相信Mozilla并不关心 关于Dev Tools甚至一点点。

  2. Firebug丢失了 - 它无处可去,团队正在努力创建一个新的Firebug 3 它建立在内置的Dev-Tools之上。现在,因为Dev-Tools的功能非常糟糕 我绝不希望Firebug的人能够达到适当的可用性,至少一年。

  3. 这让我想到了Chrome。在给出最新版本之后,Chrome团队似乎已经拥有了 在Developer Tools领域几乎是无懈可击的领导者,这是正确的。他们提出了重大意义 专注于开发人员,并创建了一些简单的东西来简化测试和开发 网络的发展。

  4. 所以,总之,如果你今天想要回答这个问题,我会毫无保留地向你推荐 铬。它节省了很多:

    • 血(沸腾),
    • 汗水(来自编码)和
    • 撕裂(来自调试

    谢谢。

    现在,阅读我2岁的自我想法:


    一些差异:

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

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

      
        

    这个问题是因为Firefox的Javascript调试器(JSD)中的错误。这是一个已知的错误,并在我写这个时修复...安装1.13.0alpha版本,修复了这个bug。较新版本的Firefox也将修复他们的JSD。

      

    ++非常棒的自适应设计模式,用于在不同的分辨率下测试您的网站。

    - Firebug有很多插件,包括XPath,Sass等,这对于扩展开发来说非常棒   - (主观)我发现网络检查员的颜色主题非常酷,但是当它归结为使用它时,它非常难。

    ==在firebug和inspector中输出对象的方式同样糟糕,(Chrome在这里统治!)     
    在控制台中写一下:console.log(window)看看我在说什么。实际上,Firebug在这里比检查员更好。

答案 1 :(得分:1)

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

我的角色最常见:

  • 我发现firebug更容易在页面加载时查看JavaScript调用。
  • 此外, omnibug 插件(对于firebug)非常方便查看omniture vars和cookies

然而,使用chrome中的inspect元素,我在故障排除时发现超级便利的优点是能够编辑样式。

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

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

答案 2 :(得分:0)

这实际上归结为偏好,因为每个人都有权衡。我非常喜欢内置的Inspect Element中的“Style Editor”,它可以让你创建样式表并实时查看效果。