类似firebug的谷歌Chrome调试器

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

我想要的基本功能:

  • 检查HTML源代码(选择元素，删除它们，等等)
  • 检查CSS值(内置的解决方案有点奇怪)
313295 次浏览
小开
最佳答案

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

小开

好吧，有可能启用谷歌Chrome的Greasemonkey脚本，所以也许有一种方法来安装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/ < / p >

小开

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

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

小开

这并没有回答你的问题，但是，如果你错过了，Chris Pederick的Web开发人员现在可以用于Chrome: https://chrome.google.com/extensions/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm。

小开

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

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

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

小开

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

小开

请尝试Firebug Lite谷歌Chrome浏览器

小开

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

  1. 在撰写本文时，只有谷歌DOM检查器，不，它不具备Firebug的所有功能

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

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

  4. 不知怎么的，Firebug更容易阅读/使用，可能是因为在几个关键区域导航、操作/修改文档很容易吧?谁知道呢。我已经习惯了它的界面，我认为Chrome检查器没有那么好，尽管我承认这是一件主观的事情。

  5. Firebug中的Cookies/Net选项卡对我来说非常有用。也许Chrome Inspector现在有这个?上次我检查它没有，因为Chrome在后台更新自己没有你的干预(默认情况下得到你的同意，就像所有好的霸主)。

  6. 最后一点:谷歌Chrome得到一个功能齐全的Firebug的那一天就是Firefox对开发者来说基本上死亡的那一天，因为Firefox有3年的时间来让Firefox的布局引擎Gecko和WebKit一样快，但他们没有。很抱歉这么直白地说，但这是事实。

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

小开

F12

我喜欢短键

小开

F12(仅适用于Linux和Windows)

或

__abc0 __abc1 __abc2

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

小开

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

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

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

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


提交答案