如何使用FireBug?

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

工具/原料

FireFox

FireBug插件

什么是FireBug?

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

如何安装FireBug?

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

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

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

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

功能1：Monitor network activity

1、查看每个文件的时间线

功能2：检查Http相关信息

1、检查HTTP头

2、监视XMLHttpRequest

功能3：调试JavaScript

1、设置断点在任意行暂停

2、直接跳转到指定行

功能4：查看DOM相关信息

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

2、导航到JavaScript代码

功能5：JavaScript Logging

1、使用如 Console.log(“hello world”)输入到Firebug 的 控制台

功能6：Html相关信息

1、动态查看代码

2、即时的HTML编辑

3、使用鼠标定位到元素

4、查找

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

功能7：CSS相关信息

1、查看级联

2、预览颜色和图像

3、手调CSS

4、启用/禁用CSS样式属性

5、测量每一个边距