本文主要介绍如何使用前段js编程调试工具FireBug。
工具/原料
1
FireFox
2
FireBug插件
什么是FireBug?
1
Firebug是firefox下的一个扩展,能够调试所有网站语言，如Html,Css等，但FireBug最吸引人的就是javascript调试功能，使用起来非常方便，而且在各种浏览器下都能使用（IE,Firefox,Opera, Safari）。除此之外，其他功能还很强大，比如html,css,dom的查看与调试，网站整体分析等等。总之就是一整套完整而强大的 WEB开发工具。再有就是其为开源的软件。END
如何安装FireBug?
1
1、打开火狐浏览器，在火狐浏览器菜单栏目中选择“工具”在弹出的下拉框中点击“附加组件”（快捷键是：ctrl+shift+A）。
2
2.进入到添加组件的页面中，这时候我们在右上找到搜索框，在框内搜索“firebug”然后回车这时候就会出现我们想要找的这个插件了。
3
3、这里我们点击“firebug”这个插件，然后就可以看见这个插件在后台下载了。等一会就可以看见安装好了。
4
4、安装好以后我们在使用的火狐浏览器按F12就可以将“firebug”这个插件呼出来了。END
功能1：Monitor network activity
查看每个文件的时间线END
功能2：检查Http相关信息
1
检查HTTP头
2
监视XMLHttpRequest
功能3：调试JavaScript
1
设置断点 在任意行暂停
2
直接跳转到指定行
功能4：查看DOM相关信息
1
根据需要选择查看所需的内容
2
导航到JavaScript代码END
功能5：JavaScript Logging
使用如 Console.log(“hello world”)输入到Firebug 的 控制台END
功能6：Html相关信息
1
动态查看代码
2
即时的HTML编辑
3
使用鼠标定位到元素
4
查找
5
查看、编辑、重新加载 复制代码END
功能7：CSS相关信息
1
查看级联
2
预览颜色和图像
3
手调CSS
4
启用/禁用CSS样式属性
5
测量每一个边距 END
注意事项
不断尝试
下一篇：如何挑选蜂蜜