适用于Google Chrome的类似于Firebug的调试器

HTML CSS

Jim老丝猪猪

2020-03-24

您可以在Google Chrome中使用类似Firebug的东西吗?

我想要的基本功能:

  • 检查HTML源(选择元素,将其删除等)
  • 检查CSS值(以某种方式,内置解决方案很奇怪)

第3156篇《适用于Google Chrome的类似于Firebug的调试器》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

14个回答
Tony西门 2020.03.24

如果您是在夜间使用PPA在Ubuntu上使用Chromium,则应该使用 chromium-browser-inspector

斯丁 2020.03.24
前端小胖JinJin 2020.03.24

官方的Firebug Chrome扩展程序,或者您可以自己下载并打包该扩展程序。

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

宝儿Tom 2020.03.24

F12 (仅在Linux和Windows上)

要么

Ctrl I

I如果您使用的是Mac)

阳光Tony 2020.03.24

这不能回答您的问题,但是,如果您错过了它,可以在Chrome浏览器上使用Chris Pederick的Web开发人员https : //chrome.google.com/extensions/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm

神无 2020.03.24

忘记所有您需要的一切,这个独立于浏览器的检查器dom updater

https://goggles.webmaker.org/zh-CN

只需添加书签并转到任何网页,然后单击该书签即可。

这实际上是Mozilla专案Goggles,令人惊叹令人惊叹...

Tom凯 2020.03.24

好吧,可以为Google Chrome 启用Greasemonkey脚本,所以也许可以使用这种方法来安装Firebug吗?Firebug Lite也可以使用,但是与使用功能齐全的功能不一样:(

willshouse.com/2009/05/29/install-greasemonkey-for-chrome-a-更好的指南/

前端小宇宙 2020.03.24
小小 2020.03.24

jQuerify是将jQuery嵌入到Chrome Console的完美扩展,它非常简单。此扩展名还指示jQuery是否已经嵌入到页面中。

此扩展用于将jQuery嵌入到所需的任何页面中。它允许在控制台外壳中使用jQuery(您可以通过Ctrl+ Shift+ j“。来调用Chrome控制台。)。

要将jQuery嵌入所选标签,请点击扩展按钮。

小宇宙 2020.03.24

Chrome已经内置了类似Firebug的工具。只需右键单击页面上的任意位置,然后从菜单中选择“检查元素”。Chrome具有用于调试的图形工具(例如在Firebug中),因此您可以调试JavaScript。它还可以很好地进行CSS检查,甚至可以即时更改CSS渲染。

有关更多信息,请参见https://developers.google.com/chrome-developer-tools/

null 2020.03.24

作为每天使用Firebug / Chrome检查器的人添加一些话题

  1. 在撰写本文时,只有Google DOM检查器,没有它没有Firebug的所有功能

  2. Inspector是Firebug的“精简版”:接口不如IMO好,两个最新版本中的元素检查现在都很笨拙,但是Firebug仍然更好。我发现自己想找到对Chrome的热爱(因为它提供了更好,更快的浏览器体验),但是对于开发工作而言,它仍然让我感到很困惑。

  3. 在Firebug中,实时预览/修改DOM / CSS仍然更好。经过计算的CSS和框模型视图在Firebug中更好;

  4. 某种程度上来说,阅读/使用Firebug更加容易,也许是因为在几个关键区域中易于导航,操作/修改文档吗?谁知道。我已经习惯了界面,我认为Chrome Inspector不太好,尽管我承认这是主观的。

  5. Cookies / Net选项卡在Firebug中对我来说非常有用。也许Chrome检查器现在有这个?上次我没有检查它的原因是,Chrome浏览器会在后台自动进行更新,而无需您干预(默认情况下,您会像所有出色的霸主一样获得您的同意)。

  6. 最后一点:谷歌浏览器获得功能齐全的Firebug的那一天,就是Firefox基本上死于开发人员的那一天,因为Firefox有3年的时间使Firefox的布局引擎GeckoWebKit一样快,而事实并非如此。坦白地说很抱歉,但这是事实。

您会看到,现在每个人都想摆脱Flash而代替由移动可访问性和交互性(iPhone,iPad,Android)驱动的jQuery(iPhone,iPad,Android),并且JavaScript“突然”变得很重要(这很讽刺),所以这艘飞船驶过了Firefox。作为Mozilla的支持者,这让我很难过。在Firefox升级其JavaScript引擎之前,Chrome只是一个更好的浏览器。

番长猴子 2020.03.24

F12

我爱快捷键

蛋蛋 2020.03.24

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

http://getfirebug.com/lite.html

小胖Gil 2020.03.24

试试这个叫做Firebug Lite的方法,它显然可以与Beta版的Chrome一起使用。

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

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android