我是网络开发的新手,我一直听到使用Firebug的建议。问题是,我看不到Firebug对检查元素功能的任何优势(我使用Firefox 24)。 我错过了什么吗?
我害怕习惯一种工具,然后陷入困境,切换到更好的工具。请告知一种工具或其他工具的优越特性。
答案 0 :(得分:13)
随着我越来越多地使用开发工具,我开始意识到一些事情:
Firefox的Dev-Tools似乎处于开发状态。我回答已经2年了 并且在功能或易用性方面几乎没有任何明显的进展。
他们是基本要求,我开始相信Mozilla并不关心 关于Dev Tools甚至一点点。
Firebug丢失了 - 它无处可去,团队正在努力创建一个新的Firebug 3 它建立在内置的Dev-Tools之上。现在,因为Dev-Tools的功能非常糟糕 我绝不希望Firebug的人能够达到适当的可用性,至少一年。
这让我想到了Chrome。在给出最新版本之后,Chrome团队似乎已经拥有了 在Developer Tools领域几乎是无懈可击的领导者,这是正确的。他们提出了重大意义 专注于开发人员,并创建了一些简单的东西来简化测试和开发 网络的发展。
所以,总之,如果你今天想要回答这个问题,我会毫无保留地向你推荐 铬。它节省了很多:
谢谢。
现在,阅读我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)
我将两者用于不同的依赖关系。
我的角色最常见:
然而,使用chrome中的inspect元素,我在故障排除时发现超级便利的优点是能够编辑样式。
我确信这不会影响你的决定,但我想保持开放的心态,每个人都有自己的优势。这是你需要它们的问题。
我个人看不到自己适应一个。
答案 2 :(得分:0)
这实际上归结为偏好,因为每个人都有权衡。我非常喜欢内置的Inspect Element中的“Style Editor”,它可以让你创建样式表并实时查看效果。