Firebug控制台鲜为人知的几种用法[转]

原文地址：http://www.awflasher.com/blog/archives/1625

一直以来，由于缺乏规范的调试环境和强大的开发平台。在HTML、CSS和JavaScript等技术上，人们要所投入大量的时间和精力进行枯燥的 测试。然而，Firebug的出现极大地节约了Web开发者的开发时间。尤其是其JavaScript控制台（Console）让开发者手中的HTML页 面活了起来。

我们平时接触最多的，就是console.log、console.info和console.error了：无论是直接输出JavaScript 的运行结果，还是和ActionScript配合进行HTML中的ActionScript-JavaScript连调，这些方法都十分好用。只需要一个 简单的console.log(someVariable);或者在ActionScript中一行 com.flash.external.ExternalInterface.call("console.log",someVariable);就能 看到变量（表达式）的结果。

然而，Console其实还提供许多强大的API接口。许多朋友似乎还不知道。下面就分享几个我所知道的，欢迎补充。

console.dir(anyObject) – 直接输出对象的结构，范例如图：

console.dirxml(anyDOMNode) – 类似上例，按缩进格式输出一段HTML结点的内容，如图：

console.time(slugName) – console.timeEnd(slugName) – 记录某一个时间戳的执行时间，可用于优化循环语句，如图：

console.group() – console.groupEnd() – 分组输出内容，看图就明白了：