比如谷歌浏览器的调试器

 

有什么可以在Google Chrome中使用的Firebug吗？

我想要的基本功能：

  • 检查HTML源代码（选择元素，删除它们等）
  • 检查CSS值（内置解决方案很奇怪，不知何故）

    • Chrome中已经内置了一个类似Firebug的工具。 只需右键单击页面上的任意位置，然后从菜单中选择“检查元素”。 Chrome有一个用于调试的图形工具（就像在Firebug中一样），所以你可以调试JavaScript。 它也可以很好地进行CSS检查，甚至可以随时更改CSS渲染。

    有关更多信息，请参阅https://developers.google.com/chrome-developer-tools/

    Firebug Lite支持检查HTML元素，计算出的CSS样式等等。 由于它是纯粹的JavaScript，因此它适用于许多不同的浏览器。 只需在源代码中包含脚本，或者将书签添加到书签栏，只需单击一下即可将其包含在任何页面上。

    http://getfirebug.com/lite.html

    只需添加一些谈话要点，作为每天使用Firebug / Chrome Inspector的人员：

  • 在撰写本文时，只有Google DOM检查员，并且没有它具有Firebug的所有功能

  • Inspector是Firebug的一个“精简版”：界面不如IMO好，近期版本中的元素检测现在很笨重，但Firebug仍然更好; 我发现自己试图找到对Chrome的热爱（因为它是一种更好，更快的浏览器体验），但是对于开发工作来说，它仍然只是为了吸引我。

  • 在Firebug中实时预览/修改DOM / CSS仍然更好; 在Firebug中计算出的CSS和框模型视图更好;

  • 不知何故，阅读/使用Firebug可能更容易，可能是因为在几个关键区域轻松导航，操纵/修改文档？ 谁知道。 我习惯了界面，我认为Chrome Inspector并不是很好，虽然这是我承认的主观因素。

  • Cookies / Net标签对Firebug中的我非常有用。 也许Chrome Inspector现在有这个？ 上次我检查它没有，因为Chrome在没有您的干预的情况下在后台更新自己（默认情况下会像所有优秀的主持人一样获得您的同意）。

  • 最后一点：Google Chrome获得功能全面的Firebug的当天是Firefox开发者基本上死于开发者的那一天，因为Firefox已经用3年的时间使Firefox的布局引擎Gecko与WebKit一样快，而他们没有。 对不起，说得那么直白，但这是事实。

    • 你看，现在每个人都想从Flash取代由移动可访问性和交互性（iPhone，iPad，Android）驱动的jQuery，并且JavaScript'突然'是一件大事（这很讽刺），所以这艘船已经航行了，Firefox。 这让我很伤心，作为一名Mozilla粉丝。 在Firefox升级他们的JavaScript引擎之前，Chrome只是一个更好的浏览器。

    链接地址: http://www.djcxy.com/p/51873.html

    上一篇: like debugger for Google Chrome

    下一篇: JavaScript: How do I print a message to the error console?