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

我想要的基本功能:

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


Chrome中已经内置了一个类似firebug的工具。只需右键单击页面上的任何地方,并从菜单中选择“检查元素”。Chrome有一个图形化的调试工具(比如Firebug),所以你可以调试JavaScript。它还可以很好地检查CSS,甚至可以动态地更改CSS渲染。

欲了解更多信息,请参见https://developers.google.com/chrome-developer-tools/


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

http://getfirebug.com/lite.html


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


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

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


你可以在你的“书签栏”中设置这个小书签,以便让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上使用。

你也可以在以下网址找到: https://chrome.google.com/extensions/


官方Firebug Chrome扩展或者你可以自己下载并打包扩展。

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


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


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

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

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


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


请尝试Firebug Lite谷歌Chrome浏览器


只是作为一个每天使用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引擎。


F12

我喜欢短键


F12(仅适用于Linux和Windows)

OR

Ctrl + I

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


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

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

只需书签和去任何网页,点击书签..

这实际上是Mozilla的Goggles项目,非常非常非常非常……