适用于Chrome的Firebug

Question

任何人都可以向Google Chrome推荐与Firebug类似的合适扩展程序吗？ 我确实看到在这里有几个类似的问题，但答案似乎很过时。

谢谢！

Answer 1

它是内置的。按Ctrl + Shift + I。 （或菜单中的工具>开发人员）

Answer 2

你可以使用firebug lite 。 但Chrome已经拥有了不仅仅是不错的开发者工具。

Answer 3

Chrome的开发者工具在过去一年中取得了很大进展。 调整了一段时间，我一直感到困惑，所以我在盒子上开发了一个测试页面，我将它们并排放置，左侧显示器上的firebug和右侧的dev工具。

我经历了并确切地知道它们是如何不同的。 我稍后意识到，Chrome与Firebug的组织方式略有不同。 事实证明，在我习惯之后，我比开发工具更喜欢萤火虫。

1. 我曾经对开发工具的元素部分抱怨很多，但现在它似乎与firebug几乎完全相同。 我可以快速单击以检查元素，它可以正确扩展节点，将我带到我想要的节点。

2. 开发工具中的资源选项卡将firebug中的网络选项卡从水中吹出。 我觉得它组织得更好。 您可以在资源列表中预览图像，并且实际上可以看到哪些元素是透明的，因为chrome将棋盘放置在图像后面（您可以在firebug中预览图像，但只有当鼠标悬停在请求节点上时，才会讨厌）。 此外，您可以双击资源，chrome会在新选项卡中弹出它们，非常适合我调试AJAX调用时需要在浏览器中查看格式化的异常错误，而无需手动输入我的ajax URL。

3. 行号。 在firebug中查找行号是非常困难的，你不能对某些内容这样做。 每次查看DOM，CSS，脚本等时，您都会在左侧获得全面的行号规则。 firebug唯一的地方是脚本部分。

4. firebug和dev工具都有一个全面的javascript调试器。 但是，无需在开发工具中删除断点即可停用断点非常有用，我会不断使用它。 你可以在萤火虫中做到这一点，但你必须在每个断点处取消一个盒子，令人恼火。

5. 我喜欢JSONObjects只是作为资源与其他所有内容一起出现而不是拥有自己的部分。 它可以让您轻松快速查看正在发生的事情。

---

据我所知，其他一切看起来都是一样的。 我真的找不到任何firebug比开发工具更好的东西。 通常当我认为开发工具缺乏firebug的功能时，它发现它只是在不同的地方或以不同的方式实现。 两者都有一个全面的控制台显示 两者都支持将工具弹出到单独的窗口中。 两者都支持多个选项卡的多个实例。 Chrome甚至还有额外的功能。 检查存储的能力，如缓存，cookie等。开发工具似乎为我赢得了胜利。

如果你想要一个优秀的chrome调试器，我强烈建议熟悉使用扩展的开发工具。

对不起我的回答太久了。 我可能会在某个时候写博客做一个更全面的比较。

Answer 4

您可以添加Firebug Lite for Chrome作为扩展程序