适用于Google Chrome的Firebug调试器

Question

您可以在Google Chrome中使用Firebug吗？

我想要的基本功能:

• 检查HTML源(选择元素,删除它们等)
• 检查CSS值(内置解决方案很奇怪,不知何故)

Answer 1

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

有关详细信息,请参阅https://developers.google.com/chrome-developer-tools/

Answer 2

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

http://getfirebug.com/lite.html

Answer 3

只是添加一些谈话要点作为每天使用Firebug/Chrome Inspector的人:

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

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

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

4. 不知何故,它更容易阅读/使用Firebug可能是因为在几个关键区域轻松导航,操作/修改文档？谁知道.我已经习惯了界面,我认为Chrome Inspector并不是那么好,尽管这是我承认的一个主观的事情.

5. Cookies/Net选项卡对我来说对Firebug非常有用.也许Chrome Inspector现在有这个吗？上次我检查时没有,因为Chrome在没有您干预的情况下在后台更新自己(默认情况下获得您的同意,就像所有优秀的霸主一样).

6. 最后一点:谷歌Chrome获得功能齐全的Firebug的那一天是Firefox基本上为开发人员而死的那一天,因为Firefox有3年的时间让Firefox的布局引擎Gecko和WebKit一样快,而他们没有.很抱歉直截了当地说,但这是事实.

你知道,现在每个人都希望摆脱Flash而不是jQuery,因为移动可访问性和交互性(iPhone,iPad,Android)和JavaScript是'突然'是一个大问题(这是讽刺),所以这艘船已经航行,Firefox.这让我很伤心,作为Mozilla的粉丝.在Firefox升级其JavaScript引擎之前,Chrome只是一个更好的浏览器.

Answer 4

F12

我喜欢短信

Answer 5

试试这个,它叫做Firebug Lite,显然适用于Chrome的测试版.

您也可以访问:https: //chrome.google.com/extensions/

Answer 6

您可以在"书签栏"中设置此书签,以便在Chrome/Chromium浏览器中始终提供Firebug lite(将其作为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);