Firebug v3.0.0网页开发工具

Firebug是Firefox的一个插件，Firebug和firefox整合在一起，使你浏览网页时手边有了一套强大的网页开发工具。你可以编辑、调试和监控任何网页上的CSS、HTML和Javascript。而且可以在线的时候修改dom非常弹大的插件。

使用方法

如何使用谷歌chrome浏览器上的firebug (以chrome8为例)：

1、首先点击“设置”图标（关闭按钮下面的），找到“工具”，点击其中的“扩展程序”菜单项。出现的页面上点击“获得更多扩展程序 ”（看完后也可以忽略前二步）2、新开的页面是谷歌浏览器扩展下载官网，在搜索中输入firebug，你就可以找到这个扩展工具，然后点击链接后在点击“安装”。

3、安装完毕，在设置按钮旁边会有一只虫子的图标，这个就是firebug了。4、这个时候图标是灰色的，说明它没有生效，你只要打开一个新的网页，然后点击图标，让其变为彩色。最后在页面上打开右键菜单，选择“审查元素”就可以了。

运行后，网页和firebug会各自占用半个屏幕，你只要点击firebug左下角（也就是浏览器左下角）的放大镜图案，然后鼠标移到你要观察的网页元素上面，再点击左键就可以开始研究html和css代码了。目前为止，firebug应该是网页开发中最好的工具了。还没有任何一个工具可以超越它。

Firebug使用方法

如何使用谷歌chrome浏览器上的firebug (以chrome8为例)：

1、首先点击“设置”图标（关闭按钮下面的），找到“工具”，点击其中的“扩展程序”菜单项。出现的页面上点击“获得更多扩展程序 >>”（看完后也可以忽略前二步）2、新开的页面是谷歌浏览器扩展下载官网，在搜索中输入firebug，你就可以找到这个扩展工具，然后点击链接后在点击“安装”。

3、安装完毕，在设置按钮旁边会有一只虫子的图标，这个就是firebug了。4、这个时候图标是灰色的，说明它没有生效，你只要打开一个新的网页，然后点击图标，让其变为彩色。最后在页面上打开右键菜单，选择“审查元素”就可以了。

运行后，网页和firebug会各自占用半个屏幕，你只要点击firebug左下角（也就是浏览器左下角）的放大镜图案，然后鼠标移到你要观察的网页元素上面，再点击左键就可以开始研究html和css代码了。目前为止，firebug应该是网页开发中最好的工具了。还没有任何一个工具可以超越它。