Firebug是Firefox下的一个扩展，能够调试所有网站语言，如Html、Css等，但FireBug最吸引人的就是JavaScript调试功能，除此之外，还有对Dom的查看与调试，网站整体分析等其他功能。
调整Css样式
具体调整对比表：
| 初始样子 |  |
 |
|
| ↑ | 4次(1px) |  |
 |
| Ctrl+↑ | 5次(0.1px) |  |
 |
| Shift+↑ | 1次(10px) |
 |
 |
Console的使用
console.log(); //输出信息
console.debug(); //与log方法一样
console.info(); //与log方法一样
console.warn(); //输出信息，并且在前面加一个黄色三角，表示警告
console.error(); //输出信息，并且在前面加一个红色的叉，表示出错，同时会显示错误发生的堆栈
console.dir(); //对一个对象进行检查(inspect)，并以易于阅读和打印的格式显示，也可以将某个对象的所有方法陈列出来
console.group(); //显示的信息分组，与groupEnd方法一起使用
console.groupEnd(); //显示的信息分组，与group方法一起使用
console.time(); //time方法表示计时开始
console.timeEnd(); //timeEnd方法表示计时结束
console.trace(); //查询某个对象是如何被调用的
console.clear(); //清除当前控制台内容
举例说明-dir
举例说明-group
→ 
原文：http://www.cnblogs.com/kingboat/p/4937236.html