有什么像Firebug,你可以使用谷歌Chrome浏览器?

我想要的基本功能:

检查HTML源代码(选择元素,删除它们,等等) 检查CSS值(内置的解决方案有点奇怪)


当前回答

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

At the time of writing, there's only Google DOM inspector and no it doesn't have all the features of Firebug Inspector is a 'lite' version of Firebug: The interface is not as good IMO, element inspection in both recent versions is now clunky, but Firebug is still better; I find myself trying to find the love for Chrome (since it's a better, faster browser experience), but for development work, it still just sucks for me. Live preview / modification of DOM / CSS is still way better in Firebug; calculated CSS and box model view are better in Firebug; Somehow it's just easier to read/use Firebug maybe because of the ease of navigating, manipulating/modifying the document in several key areas? Who knows. I'm used to the interface and I think Chrome Inspector is not as good although this is a subjective thing I admit. The Cookies/Net tab are extremely useful to me in Firebug. Maybe Chrome Inspector has this now? Last time I checked it did not, because Chrome updates itself in the background without your intervention (gets your consent by default like all good overlords). Last point: The day that Google Chrome gets a fully-featured Firebug is the day Firefox basically dies for developers because Firefox had 3 years to make Firefox's layout engine Gecko as fast as WebKit and they didn't. Sorry to put it so bluntly but it's the truth.

你看,现在每个人都想从Flash转向jQuery,这是受移动可访问性和交互性(iPhone、iPad和Android)的驱动,而JavaScript“突然”成为一件大事(这是讽刺),所以这艘船已经起航了,Firefox。作为Mozilla的粉丝,这让我很难过。Chrome只是一个更好的浏览器,直到Firefox升级他们的JavaScript引擎。

其他回答

jQuerify是一个完美的扩展,将jQuery嵌入到Chrome控制台,是简单的,你可以想象。这个扩展还可以指示jQuery是否已经嵌入到页面中。

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

要将jQuery嵌入到所选选项卡中,单击扩展按钮。

你可以在你的“书签栏”中设置这个小书签,以便让Firebug lite在Chrome/Chromium浏览器中始终可用(把这个作为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);

请尝试Firebug Lite谷歌Chrome浏览器

F12(仅适用于Linux和Windows)

OR

Ctrl + I

(如果你在Mac上,则` `⌘I `)

好吧,这是可能的启用Greasemonkey脚本谷歌Chrome,所以也许有一种方法来安装Firebug使用这种方法?Firebug Lite也可以工作,但它只是不一样的感觉使用完整的功能:(

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