有什么像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引擎。

其他回答

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

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

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

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

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

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

F12(仅适用于Linux和Windows)

OR

Ctrl + I

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