Firebug是网页开发的利器，能够极大地提升工作效率。但是，它不太容易上手。我曾经翻译过一篇《Firebug入门指南》，介绍了一些基本用法。今天，继续介绍它的高级用法。===========
... Firebug是网页开发的利器，能够极大地提升工作效率。
但是，它不太容易上手。我曾经翻译过一篇《Firebug入门指南》，介绍了一些基本用法。今天，继续介绍它的高级用法。
===================================
Firebug控制台详解
作者：阮一峰
出处：http://www.ruanyifeng.com/blog/20.1/03/firebug_console_tutorial.html
控制台（Console）是Firebug的第一个面板，也是最重要的面板，主要作用是显示网页加载过程中产生各类信息。
一、显示信息的命令
Firebug内置一个console对象，提供5种方法，用来显示信息。
最简单的方法是console.log()，可以用来取代alert()或document.write()。比如，在网页脚本中使用console.log("Hello World")，加载时控制台就会自动显示如下内容。
另外，根据信息的不同性质，console对象还有4种显示信息的方法，分别是一般信息console.info()、除错信息console.debug()、警告提示console.warn()、错误提示console.error()。
比如，在网页脚本中插入下面四行：
console.info("这是info");
console.debug("这是debug");
console.warn("这是warn");
console.error("这是error");
加载时，控制台会显示如下内容。
可以看到，不同性质的信息前面有不同的图标，并且每条信息后面都有超级链接，点击后跳转到网页源码的相应行。
二、占位符
console对象的上面5种方法，都可以使用printf风格的占位符。不过，占位符的种类比较少，只支持字符（%s）、整数（%d或%i）、浮点数（%f）和对象（%o）四种。
比如，
console.log("%d年%d月%d日",2011,3,26);
console.log("圆周率是%f",3.1.15926);
%o占位符，可以用来查看一个对象内部情况。比如，有这样一个对象：
var dog = {} ;
dog.name = "大毛" ;
dog.color = "黄色";
然后，对它使用o%占位符。
console.log("%o",dog);
三、分组显示
如果信息太多，可以分组显示，用到的方法是console.group()和console.groupEnd()。
console.group("第一组信息");
console.log("第一组第一条");
console.log("第一组第二条");
console.groupEnd();
console.group("第二组信息");
console.log("第二组第一条");
console.log("第二组第二条");
console.groupEnd();
点击组标题，该组信息会折叠或展开。
四、console.dir()
console.dir()可以显示一个对象所有的属性和方法。
比如，现在为第二节的dog对象，添加一个bark()方法。
dog.bark = function(){alert("汪汪汪");};
然后，显示该对象的内容，
console.dir(dog);
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jQuery