Chrome 的萤火虫

Posted 2023-03-05

【中文标题】Chrome 的萤火虫

【英文标题】：Firebug for Chrome

【发布时间】：2011-05-04 23:11:43

【问题描述】：

谁能推荐一个类似于 Firebug 的 Google Chrome 扩展？我确实看到这里有几个类似的问题，但答案似乎已经过时了。

谢谢！

【问题讨论】：

你应该在请求 firebug 之前尝试内置的 webkit 检查器。它在某些方面要好得多，在某些方面更糟，但它当然值得一看。 （另外，完全是用 html/CSS/JS 编写的，所以你可以根据需要扩展它......）

@Nick - 我不否认内置的 WKI 相当不错，它缺少 Firebug 的“网络”功能。

它并不缺少它在 chrome 中称为“资源”的功能

该功能存在于 WKI 中（我可以补充一下，我认为通常比 firebug 版本更好并且产生的开销更少）

Firebug-like debugger for Google Chrome的可能重复

【参考方案1】：

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

【讨论】：

@coderpros 以何种方式不“支持 ajax 之类的东西”。我每天都使用它。

@NimChimpsky 也不支持JS调试。

@coderpros 是的，我每天都在使用它，大多数时候。只需转到工具 > 开发人员单击脚本选项卡，选择您的脚本并插入断点......不是更简单吗？

@coderpros：嗯？ A）在您的问题中没有提到您明确地在哪里寻找 AJAX 跟踪和 2）Chrome 开发工具在“资源”下跟踪 AJAX 请求并在“脚本”下跟踪脚本调试。

@coderpros：Chrome 的“资源”选项卡与 Firebug 的“网络”完全一样。如果您正在寻找一些确切的功能，那么就这样说而不是闷闷不乐。

【参考方案2】：

您可以使用firebug lite。但是 Chrome 已经内置了很多不错的开发者工具。

【讨论】：

感谢您的接受，但我想说 RoToRa 比我更应得的。

【参考方案3】：

Chrome 的开发者工具在过去一年中取得了长足的进步。我花了一些时间进行调整，但我一直感到困惑，所以我在我的盒子上开发了一个测试页面并将它们并排设置，我左侧显示器上的 firebug 和我右侧的开发工具。

我仔细研究并弄清楚了它们的不同之处。稍后我意识到 Chrome 与 Firebug 有相同的东西，只是组织方式略有不同。习惯了之后，我发现我更喜欢开发工具而不是 firebug。

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

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

行号。在 firebug 中查找行号非常困难，对于某些内容您无法做到。每次查看 DOM、CSS、脚本等时，您总是会在左侧看到一个全面的行号规则。 firebug 唯一有这个的地方是脚本部分。

firebug 和 dev 工具都有一个全面的 javascript 调试器。然而，在开发工具中禁用断点而不删除它们的能力非常有用，我经常使用它。您可以在 firebug 中执行此操作，但您必须为每个断点取消勾选一个框，这很烦人。

我喜欢 JSONObjects 只是作为资源与其他所有内容一起出现，而不是拥有自己的部分。它可以让您一目了然地了解正在发生的事情。

---

据我所知，其他一切似乎都一样。我真的找不到比开发工具更好的萤火虫了。通常，当我认为开发工具缺少 firebug 的功能时，事实证明它只是在不同的地方或以不同的方式实现。两者都有一个全面的控制台显示。两者都支持将工具弹出到单独的窗口中。两者都支持多个选项卡的多个实例。 Chrome 甚至在这些之上还有额外的功能。检查缓存、cookie 等存储的能力。开发工具对我来说似乎胜出。

如果您想要一个出色的 chrome 调试器，我强烈建议您熟悉开发工具而不是使用扩展。

对不起，我的回答太长了。有时间我可能会写一篇博客做一个更全面的比较。

【参考方案4】：

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