您现在的位置:油猴 > 油猴插件 > tampermonkey手机版 > 正文
Firebug Lite for Google ChromeChrome开发者工具插件
http://tampermonkeya.com/      2022/4/10 19:42:37      作者:tampermonkey
Firebug Lite for Google Chrome背景简介 Firebug Lite是火狐浏览器中著名的开发者工具firebug插件移植到Chrome中的插件,在Chrome中安装了Firebug Lite插件以后,开发人员可以像在火狐浏览器中使用firebug一样熟悉的方式来调试网页内容,其包含了基本的HTML、CSS以及Javascript的调试功能,用于帮助网页前端开发工程师快速地调试网页,以便及时地找到网页中的BUG并及时修复。我们chrome插件网给大家推荐过:Chrome中的Firebug插件:Firebug Lite Firebug Lite for Google Chrome简介 Firebug Lite不能替代Firebug或Chrome开发者工具。 它是与这些工具结合使用的工具。 Firebug Lite提供了我们在Firebug中看到的丰富的可视化表示,涉及HTML元素,DOM元素和Box模型着色。 它还提供了一些很酷的功能,比如用鼠标检查HTML元素,以及实时编辑CSS属性。 Firebug Lite for Google Chrome使用方法 1.Firebug Lite for Google Chrome插件离线安装的方法参照一下方法:老版本chrome浏览器,首先在标签页输入【chrome://extensions/】进入chrome扩展程序,解压你在本站下载的插件,并拖入扩展程序页即可。 2.最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息,参照:Chrome插件安装时出现"CRX-HEADER-INVALID"解决方法,安装好后即可使用。 3.安装完毕后图标会出现在浏览器右上方,你就可以使用它了。 4.使用Firebug Lite for Google Chrome查看DOM元素图片 5.Firebug Lite for Google Chrome查看编辑CSS属性图片 6.Firebug Lite for Google Chrome查看HTML元素图片 7.以DOM元素修改Google表单为例,将页签切到「 DOM」,再点一下Google表单的输入框名称。 8.当点开后,再点下方中括弧里的数字。 9.这时再点下图中 1。 10.接着再点一下次,表单栏位名称 11.这时再点击下图的第二个 1。 12.接着再把左边的数字展开,就会一次看到全部表单的输入框,对应栏位的参数值,当有了这些值后,就可方便自定所需的表单版面 wFirebug Lite for Google Chrome注意事项 1、这是Firebug Lite的分支,因为较新的Chrome版本不再支持原始版本*2、如果您之前没有使用此扩展程序,并且只有_think_您可能需要它 - 您最有可能使用Chrome Devtools(按F12或Control + Shift + I或Command + Option + I)