firebug lite for google chrome

firebug lite for google chrome是针对谷歌浏览器而制作的一款网页调试工具，简称为firebug chrome插件，使用该插件可以帮助网页开发人员更好的在浏览器中编辑、调试和监控任意一个网站中的CSS、js、HTML代码等，而且还支持在线修改DOM，从而方便开发工程师快速地调试及时地找到网页中的BUG并及时修复。

基本介绍

Firebug Lite是火狐浏览器中著名的开发者工具firebug插件移植到Chrome中的插件，在Chrome中安装了Firebug Lite插件以后，开发人员可以像在火狐浏览器中使用firebug一样熟悉的方式来调试网页内容，其包含了基本的HTML、CSS以及Javascript的调试功能，用于帮助网页前端开发工程师快速地调试网页，以便及时地找到网页中的BUG并及时修复，给网页开发者提供了很大的便利。

firebug chrome安装和使用方法

1、下载解压，得到extension_1_4_0_11967.crx文件；

2、打开google chrome浏览器，点击扩形程序，直接将文件拖放到这里，开始安装；

3、安装好插件后，使用Chrome打开需要进行调试的网页，然后点击Chrome右上角的Firebug Lite插件按钮，在Chrome浏览器的底部就会打开Firebug Lite的网页调试界面：

4、点击HTML标签，就可以打开Firebug Lite中对HTML的调试界面，在该页面中用户可以选择相应的DOM树进行查看和修改，用户选中一个DOM树的时候，在调试界面的右侧会相应地显示出CSS的样式，便于用户观察和调试：
5、点击firebug chrome中的CSS标签也可以对网页中的CSS进行进行查看和更改：
6、点击firebug chrome中的script标签页，就可以查看出当前页面中正在运行的Javascript的详细信息，但是在这个界面中只能查看不能修改：
7、点击firebug chrome插件中的DOM标签页，可以查看到当前网页中的DOM元素以及对应的详细信息，用户可以根据这些提示来更加方便地编写网页代码：

注意事项

1.firebug lite是一款Firefox浏览器中的firebug插件的轻量级实现，其中包含的功能并非Firebug中所有的功能。
2.Firebug Lite提供的是一种类似于firebug插件的调试网页的方式，用户仍然可以使用F12启动Chrome自带的开发者工具进行调试和开发。
3.在安装Firebug Lite以后，用户需要打开一个新的网页才能开启Firebug Lite的调试功能（你也可以理解为安装完成后要重新启动一下）。