Firebug(支持chrome firefox)

Firebug是一款浏览器JS调试插件，它对于网站开发者来说，是一款不缺缺少的插件，Firebug插件支持配合火狐浏览器firefox和谷歌浏览器chrome使用，你可在浏览器中编辑、调试和监控任意一个网站中的CSS、js、HTML代码等，而且还支持在线修改DOM，插件非常强大，如果你是网站开发者或者学习者，它可更方便的为你调试浏览器中网页页面属性。

使用说明

运行此插件需要火狐浏览器firefox和谷歌浏览器chrome的支持，如果你没有安装，请下载下方小编提供的任意一款浏览器。

谷歌浏览器(chrome)

大小：58.2 MB版本：83.0.4103.61 官方中文版环境：WinXP, Win7, Win8, Win10, Win All

进入下载

火狐firefox

大小：49.7 MB版本：75.0 官方简体中文版环境：WinXP, Win7, Win8, Win10, Win All

进入下载

使用方法

如何使用谷歌chrome浏览器上的firebug （以chrome8为例）：
1、首先点击“设置”图标（关闭按钮下面的），找到“工具”，点击其中的“扩展程序”菜单项。出现的页面上点击“获得更多扩展程序 》”（看完后也可以忽略前二步）

2、新开的页面是谷歌浏览器扩展下载官网，在搜索中输入firebug，你就可以找到这个扩展工具，然后点击链接后在点击“安装”。

3、安装完毕，在设置按钮旁边会有一只虫子的图标，这个就是firebug了。

4、这个时候图标是灰色的，说明它没有生效，你只要打开一个新的网页，然后点击图标，让其变为彩色。最后在页面上打开右键菜单，选择“审查元素”就可以了。
运行后，网页和firebug会各自占用半个屏幕，你只要点击firebug左下角（也就是浏览器左下角）的放大镜图案，然后鼠标移到你要观察的网页元素上面，再点击左键就可以开始研究html和css代码了。

目前为止，firebug应该是网页开发中最好的工具了。还没有任何一个工具可以超越它。