谷歌浏览器的类似Firebug的debugging器

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

我想要的基本function:

  • 检查HTML源代码(select元素,删除它们等)
  • 检查CSS值(内置的解决scheme很奇怪,不知何故)

Chrome中已经内置了类似Firebug的工具。 只需右键单击页面上的任意位置,然后从菜单中select“检查元素”。 Chrome有一个用于debugging的graphics工具(就像在Firebug中一样),所以你可以debuggingJavaScript。 它也可以很好地进行CSS检查,甚至可以在运行中更改CSS渲染。

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

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

http://getfirebug.com/lite.html

只是每天使用Firebug / Chrome Inspector添加一些说话点:

  1. 在撰写本文时,只有Google DOM检查员,并没有它没有Firebug的所有function

  2. Inspector是一个“精简版”的Firebug:接口不如IMO那么好,两个版本的元素检查现在都很笨重,但是Firebug还是比较好的; 我发现自己试图find对Chrome的爱(因为它是一个更好,更快的浏览器体验),但对于开发工作,它仍然只是为我吸引。

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

  4. 不知何故,阅读/使用Firebug更容易,可能是因为在几个关键领域的导航,操作/修改文档的简易性? 谁知道。 我习惯了界面,我认为Chrome Inspector并不好,虽然这是我承认的一个主观的东西。

  5. Cookies / Net标签在Firebug中对我非常有用。 也许Chrome Inspector现在有这个? 上次我检查它没有,因为Chrome在后台更新自己没有你的干预(默认情况下,像所有好主人一样获得你的同意)。

  6. 最后一点:Google Chrome获得function全面的Firebug的当天是Firefox开发者基本上死于开发者的那一天,因为Firefox已经有3年的时间使Firefox的Gecko版本引擎像WebKit一样快,而他们没有。 对不起,说得那么直白,但这是事实。

你看,现在每个人都想从Flash取代由移动可访问性和交互性(iPhone,iPad,Android)驱动的jQuery,而JavaScript突然间是一个大问题(这很讽刺),所以这艘船已经航行了。 这让我很伤心,作为一个Mozilla的粉丝。 Chrome浏览器只是一个更好的浏览器,直到Firefox升级他们的JavaScript引擎。

F12

我喜欢短裤

试试这个,它叫做Firebug Lite ,显然可以和Chrome的testing版一起使用。

您也可以通过以下urlfind它: https : //chrome.google.com/extensions/

您可以在“书签栏”中设置书签,以便在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); 

或者尝试用户脚本: http : //dev.chromium.org/developers/design-documents/user-scripts

jQuerify是将jQueryembedded到Chrome控制台的完美扩展,并且非常简单。 这个扩展也表明,如果jQuery已经被embedded到一个页面。

这个扩展用来将jQueryembedded到你想要的任何页面中。 它允许在控制台shell中使用jQuery(您可以通过Ctrl + Shift + j调用Chrome控制台)。

要将jQueryembedded到选定的选项卡中,请单击扩展button。

官方的Firebug Chrome扩展程序,或者您可以自行下载和打包扩展程序。

那么,可以为Google Chrome启用Greasemonkey脚本,所以也许有一种方法可以用这种方法来安装Firebug? 萤火虫精简版也可以工作,但它是不一样的感觉,使用全function的:(

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

这不能回答你的问题,但是,如果你错过了,Chris Pederick的Web Developer现在可以用于Chrome了: https ://chrome.google.com/extensions/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm。

F12 (仅在Linux和Windows上)

要么

Ctrl⇧I

⌥⌘ 如果你在Mac上)

请尝试Google Chrome浏览器的Firebug Lite

忘记所有你需要的这个浏览器独立检查器,dom更新器

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

只是书签,并进入任何网页,并单击该书签..

这其实是Mozilla的项目Goggles,惊人的惊人的惊人的… … –

如果您使用夜间ppa在Ubuntu上使用Chromium,那么您应该有chromium-browser-inspector