您可以在Google Chrome中使用类似Firebug的东西吗？
我想要的基本功能：
- 检查HTML源（选择元素，将其删除等）
- 检查CSS值（以某种方式，内置解决方案很奇怪）
适用于Google Chrome的类似于Firebug的调试器
官方的Firebug Chrome扩展程序，或者您可以自己下载并打包该扩展程序。
F12 （仅在Linux和Windows上）
要么
Ctrl ⇧ I
（⌥ ⌘ I如果您使用的是Mac）
忘记所有您需要的一切，这个独立于浏览器的检查器dom updater
https://goggles.webmaker.org/zh-CN
只需添加书签并转到任何网页，然后单击该书签即可。
这实际上是Mozilla专案Goggles，令人惊叹令人惊叹...
好吧，可以为Google Chrome 启用Greasemonkey脚本，所以也许可以使用这种方法来安装Firebug吗？Firebug Lite也可以使用，但是与使用功能齐全的功能不一样：(
willshouse.com/2009/05/29/install-greasemonkey-for-chrome-a-更好的指南/
jQuerify是将jQuery嵌入到Chrome Console的完美扩展，它非常简单。此扩展名还指示jQuery是否已经嵌入到页面中。
此扩展用于将jQuery嵌入到所需的任何页面中。它允许在控制台外壳中使用jQuery（您可以通过Ctrl+ Shift+ j“。来调用Chrome控制台。）。
要将jQuery嵌入所选标签，请点击扩展按钮。
Chrome已经内置了类似Firebug的工具。只需右键单击页面上的任意位置，然后从菜单中选择“检查元素”。Chrome具有用于调试的图形工具（例如在Firebug中），因此您可以调试JavaScript。它还可以很好地进行CSS检查，甚至可以即时更改CSS渲染。
有关更多信息，请参见https://developers.google.com/chrome-developer-tools/
作为每天使用Firebug / Chrome检查器的人添加一些话题：
在撰写本文时，只有Google DOM检查器，没有它没有Firebug的所有功能
Inspector是Firebug的“精简版”：接口不如IMO好，两个最新版本中的元素检查现在都很笨拙，但是Firebug仍然更好。我发现自己想找到对Chrome的热爱（因为它提供了更好，更快的浏览器体验），但是对于开发工作而言，它仍然让我感到很困惑。
在Firebug中，实时预览/修改DOM / CSS仍然更好。经过计算的CSS和框模型视图在Firebug中更好；
某种程度上来说，阅读/使用Firebug更加容易，也许是因为在几个关键区域中易于导航，操作/修改文档吗？谁知道。我已经习惯了界面，我认为Chrome Inspector不太好，尽管我承认这是主观的。
Cookies / Net选项卡在Firebug中对我来说非常有用。也许Chrome检查器现在有这个？上次我没有检查它的原因是，Chrome浏览器会在后台自动进行更新，而无需您干预（默认情况下，您会像所有出色的霸主一样获得您的同意）。
最后一点：谷歌浏览器获得功能齐全的Firebug的那一天，就是Firefox基本上死于开发人员的那一天，因为Firefox有3年的时间使Firefox的布局引擎Gecko像WebKit一样快，而事实并非如此。坦白地说很抱歉，但这是事实。
您会看到，现在每个人都想摆脱Flash而代替由移动可访问性和交互性（iPhone，iPad，Android）驱动的jQuery（iPhone，iPad，Android），并且JavaScript“突然”变得很重要（这很讽刺），所以这艘飞船驶过了Firefox。作为Mozilla的支持者，这让我很难过。在Firefox升级其JavaScript引擎之前，Chrome只是一个更好的浏览器。
F12
我爱快捷键
Firebug Lite支持检查HTML元素，计算出的CSS样式等。由于它是纯JavaScript，因此可以在许多不同的浏览器中使用。只需在源文件中包含脚本，或将书签添加到书签栏中即可单击，将其包含在任何页面上。
试试这个叫做Firebug Lite的方法，它显然可以与Beta版的Chrome一起使用。
您也可以在以下网址找到它：https : //chrome.google.com/extensions/
如果您是在夜间使用PPA在Ubuntu上使用Chromium，则应该使用
chromium-browser-inspector