首页 文章

适用于Google Chrome的Firebug调试器

提问于
浏览
278

您可以在Google Chrome中使用Firebug吗?

我想要的基本功能:

  • 检查HTML源(选择元素,删除它们等)

  • 检查CSS值(内置解决方案很奇怪,不知何故)

15 回答

  • 3

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

    http://getfirebug.com/lite.html

  • 14

    F12(仅适用于Linux和Windows)

    OR

    Ctrl⇧我

    (⌥⌘我,如果你在Mac上)

  • 12
  • 1

    忘记你所有人都需要这个浏览器独立检查员,dom updater

    https://goggles.webmaker.org/en-US

    只需添加书签并转到任何网页,然后点击该书签..

    这实际上是Mozilla项目的Goggles,惊人的惊人惊人......

  • 4

    jQuerify是将jQuery嵌入Chrome控制台的完美扩展,并且非常简单 . 此扩展还指示jQuery是否已嵌入到页面中 .

    此扩展用于将jQuery嵌入到您想要的任何页面中 . 它允许在控制台shell中使用jQuery(您可以通过Ctrl Shift j“调用Chrome控制台 . ”) .

    要将jQuery嵌入到选定的选项卡中,请单击扩展按钮 .

  • 3

    F12

    我喜欢短信

  • 37

    这不是't answer your question but, in case you missed it, Chris Pederick' s Web Developer现在可用于Chrome:https://chrome.google.com/extensions/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm .

  • 9

    官方Firebug Chrome扩展程序或您可以自行下载和打包扩展程序 .

    https://getfirebug.com/releases/lite/chrome/

  • 4

    只是添加一些谈话要点作为每天使用Firebug / Chrome Inspector的人:

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

    • Inspector是Firebug的'精简版':界面不是很好的IMO,最近两个版本中的元素检查现在都很笨重,但Firebug仍然更好;我发现自己试图找到对Chrome的热爱(因为它是一种更好,更快的浏览器体验),但对于开发工作来说,它对我来说仍然很糟糕 .

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

    • 不知何故,它更容易阅读/使用Firebug可能是因为在几个关键区域轻松导航,操作/修改文档?谁知道 . 我已经习惯了界面,我认为Chrome Inspector并不是那么好,尽管这是我承认的一个主观的事情 .

    • Cookies / Net选项卡对我来说对Firebug非常有用 . 也许Chrome Inspector现在有这个吗?上次我检查时没有,因为Chrome在没有您干预的情况下在后台自动更新(默认情况下获得您的同意,就像所有优秀的霸主一样) .

    • 最后一点:谷歌Chrome获得功能齐全的Firebug的那一天是Firefox基本上为开发人员而死的那一天,因为Firefox有3年的时间使得Firefox的布局引擎GeckoWebKit一样快,而且事实并非如此 .

    你看,现在每个人都希望摆脱Flash代替jQuery,以移动可访问性和交互性(iPhone,iPad,Android)为动力,而JavaScript“突然”是一个大问题(那是讽刺),所以这艘船已经航行,Firefox . 这让我很伤心,作为Mozilla的粉丝 . 在Firefox升级其JavaScript引擎之前,Chrome只是一个更好的浏览器 .

  • 2
  • 3

    试试这个,它被称为Firebug Lite,显然适用于Chrome的测试版 .

    您也可以在以下位置找到它:https://chrome.google.com/extensions/

  • 15

    如果你使用每晚ppa在Ubuntu上使用Chromium,那么你应该拥有 chromium-browser-inspector

  • 4

    Chrome中已经内置了一个类似Firebug的工具 . 只需右键单击页面上的任意位置,然后从菜单中选择“检查元素” . Chrome有一个用于调试的图形工具(就像在Firebug中一样),因此您可以调试JavaScript . 它还可以很好地进行CSS检查,甚至可以动态更改CSS渲染 .

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

  • 3

    那么,可以为谷歌浏览器启用Greasemonkey脚本,所以可能有一种方法可以使用这种方法安装Firebug吗? Firebug Lite也可以,但它与使用全功能的感觉不一样:(

    willshouse.com/2009/05/29/install-greasemonkey-for-chrome-a-better-guide/

  • 242

    您可以在“书签栏”中设置此书签,以便在Chrome / Chromium浏览器中始终提供Firebug lite(将其作为URL):

    javascript:var firebug=document.createElement('script');firebug.setAttribute('src','http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');document.body.appendChild(firebug);(function(){if(window.firebug.version){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug);
    

相关问题