Firefox:Firebug vs inspect元素

Question

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

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

Answer 1

2年后的更新

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

1. Firefox的Dev-Tools似乎处于开发阶段.我的回答已经过去2年了,功能或易用性几乎没有任何显着进展.

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

   它们是基本要求,我开始相信Mozilla甚至不关心Dev Tools.

2. Firebug丢失了 - 它无处可去,团队正在努力创建一个新的Firebug 3,它构建在内置的Dev-Tools之上.现在,由于Dev-Tools的功能非常不足,我无法让Firebug的人们在至少一年的时间内达到适当的可用性.

3. 这让我想到了Chrome.在给出最新版本之后,Chrome团队似乎在开发人员工具领域几乎无懈可击,这是正确的.他们非常关注开发人员,并为简化Web开发的测试和开发创建了一些非常好的东西.

因此,总而言之,如果您想要今天回答问题,我会毫无保留地向您推荐Chrome.它节省了很多你的:

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

谢谢.

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

一些差异:

++=网络检查员更好
--= firebug更好
===不能说

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

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

++ 用于在不同分辨率下测试站点的强大响应式设计模式.

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

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