FireBug(萤火虫) v2.0.16 官网版

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

FireBug(萤火虫)软件简介

Firebug的其他功能也很强大，比如html,css,dom的查看与调试，网站整体分析等等。总之就是一整套完整而强大的 WEB开发工具。再有就是其为开源的软件。

FiFireBug(萤火虫)集HTML查看和编辑、Javascript控制台、网络状况监视于一体，可以说是开发人员必备扩展之一。Firebug从各个不同的角度剖析Web页面内部的细节层面，给Web开发者带来很大的便利。

FireBug(萤火虫)为你的Firefox 集成了浏览网页的同时随手可得的丰富开发工具。你可以对任何网页的 CSS、HTML 和 JavaScript 进行实时编辑、调试和监控…

FireBug(萤火虫)功能介绍

功能1：Monitor network activity

查看每个文件的时间线

功能2：检查Http相关信息

检查HTTP头

监视XMLHttpRequest

功能3：调试JavaScript

设置断点

在任意行暂停

直接跳转到指定行

功能4：查看DOM相关信息

根据需要选择查看所需的内容

导航到JavaScript代码

功能5：JavaScript Logging

使用如 Console.log(“hello world”)

输入到Firebug 的 控制台

功能6：Html相关信息

动态查看代码

即时的HTML编辑

使用鼠标定位到元素

查找

查看、编辑、重新加载 复制代码

功能7：CSS相关信息

查看级联

预览颜色和图像

手调CSS

启用/禁用CSS样式属性

FireBug(萤火虫)使用方法

1、打开网页，在网页中点击鼠标右键，在弹出的选项中选择【查看元素】选项。

2、然后就可以打开FireBug工具了。

3、撤销与恢复，您可以点击撤销或恢复来修改您输入的代码。

4、点击【控制台】在这里主要是输入代码的调试信息，比如你在代码里添加了调试信息console.log('jy')。

5、点击【调试器】选项，在这里主要是用来调试JS脚本代码的，可以在代码里点击加上断点，当代码运行到断点上时，就会进行中断了。

6、样式编辑器，在这里可以看到网页所使用的样式，而且可以在右边的框里，实时输入新的代码，输入后，就会应用到页面上了的，可以方便我们看到对应的效果。

FireBug(萤火虫)常见问题

Q:firebug安装成功了但是显示停用状态 点击也不能激活 F12也不行怎么办？

A:不知道用户所说的停用是指扩展停用还是功能停用，一般前者的话，可以通过附加组件管理列表进入扩展管理界面，找到扩展选项卡，点击后激活扩展管理列表，找到firebug选项，将其设置为激活即可正常使用。

FireBug(萤火虫)更新日志

将bug扫地出门进行到底

优化用户反馈的问题，提升细节体验