Firebug 对于 Web 开发人员来说，已经成为不可或缺的工具啦。我接触 Firebug 的时间不长，是10年10月出来实习的时候，在公司同事的帮助下才接触到它的。Firebug 一共有Console，HTML，CSS，Script，DOM，NET六个TAB，从刚开始的使用到现在，基本上都是在用“HTML”这功能，主要是查看修改元素方便呐，其它的没怎么接触和了解过。昨天看到同事在调试 JavaScript 性能的时候，原来在Console控制台还可以如此的简便、神奇，然后自己主动去了解了下关于Firebug控制台的使用。

下面总结下Console的用法：

1、日志记录

有五种日志类型：

console.log：记录一行信息，无任何图标提示；

console.debug：记录一行信息，带超链接，可以链接到语句调用的地方；

console.error()：向控制台写入错误信息，带错误图标显示和高亮代码链接；

console.info()：向控制台写入提示信息，带错误图标显示和高亮代码链接；

console.warn()：向控制台写入警告信息，带错误图标显示和高亮代码链接；

2、分组

如果某一类的信息特别多时，使用分组有利于逻辑的划分，如：

function consoleGroup(){
   var groupname = "Group 1";
   console.group("Message group %s", groupname);
   console.log("This is the 1 message in %s", groupname);
   console.log("This is the 2 message in %s", groupname);
   console.log("This is the 3 message in %s", groupname);
   console.groupEnd();

   goupname = "Group 2";
   console.group("Message group %s", goupname);
   console.log("This is the 1 message in %s", goupname);

   var subgroupname = "Sub group 1";
   console.group("Message group %s",subgroupname);
   console.log("This is the 1 message in %s", subgroupname);
   console.log("This is the 2 message in %s", subgroupname);
   console.log("This is the 3 message in %s", subgroupname);
   console.groupEnd();

   console.log("This is the 2 message in %s", goupname);
   console.groupEnd();
}

3、console.dir和console.dirxml

console.dir可以将一个对象的所有方法和属性打印出来；

console.dirxml可以打印出HTML元素的XML表示形式。

4、断言console.assert()

console.assert()可以用来判断一个表达式是否正确，如果错误，就会打印错误信息在控制台窗口中。

5、追踪console.trace()

可以打印出程序执行时从起点到终点的路径信息。

6、计时(Timing)。
console.time(timeName)可以用来计时，这个在需要知道代码执行效率的时候特别有用，就不用自己造轮子了。当时我就是看到同事只写了两句话就可以知道代码执行的时间了，而我却写了一堆，真是费时费力不讨好啊。具体用法如下：

function consoleTime(){
   var timeName = "timer1";
   console.time(timeName);
   var a = 0;
   for(var i = 0; i < 100; i++){
      for(var j = 0; j < 100; j++){
         a = a + 1;
      }
   }
   console.timeEnd(timeName);
}