如何使用FireBug

如何使用FireBug

本文主要介绍如何使用前段js编程调试工具FireBug。

Firebug是firefox下的一个扩展,能够调试所有网站语言，如Html,Css等，但FireBug最吸引人的就是javascript调试功能，使用起来非常方便，而且在各种浏览器下都能使用（IE,Firefox,Opera, Safari）。除此之外，其他功能还很强大，比如html,css,dom的查看与调试，网站整体分析等等。总之就是一整套完整而强大的 WEB开发工具。再有就是其为开源的软件。

1、打开火狐浏览器，在火狐浏览器菜单栏目中选择“工具”在弹出的下拉框中点击“附加组件”（快捷键是：ctrl+shift+A）。

2.进入到添加组件的页面中，这时候我们在右上找到搜索框，在框内搜索“firebug”然后回车这时候就会出现我们想要找的这个插件了。

3、这里我们点击“firebug”这个插件，然后就可以看见这个插件在后台下载了。等一会就可以看见安装好了。

4、安装好以后我们在使用的火狐浏览器按F12就可以将“firebug”这个插件呼出来了。

查看每个文件的时间线

检查HTTP头

监视XMLHttpRequest

设置断点

在任意行暂停

直接跳转到指定行

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

导航到JavaScript代码

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

输入到Firebug 的 控制台

动态查看代码

即时的HTML编辑

使用鼠标定位到元素

查找

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

查看级联

预览颜色和图像

手调CSS

启用/禁用CSS样式属性

测量每一个边距