【问题标题】:Firebug for ChromeChrome 的萤火虫
【发布时间】:2011-05-04 23:11:43
【问题描述】:

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

谢谢!

【问题讨论】:

  • 你应该在请求 firebug 之前尝试内置的 webkit 检查器。它在某些方面要好得多,在某些方面更糟,但它当然值得一看。 (另外,完全是用 HTML/CSS/JS 编写的,所以你可以根据需要扩展它......)
  • @Nick - 我不否认内置的 WKI 相当不错,它缺少 Firebug 的“网络”功能。
  • 它并不缺少它在 chrome 中称为“资源”的功能
  • 该功能存在于 WKI 中(我可以补充一下,我认为通常比 firebug 版本更好并且产生的开销更少)

标签: javascript ajax debugging browser 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。

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

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

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

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

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


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

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

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

【讨论】:

    【解决方案4】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-01-25
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-08-30
      相关资源
      最近更新 更多