首先，显示信息的命令

console . log()；//不会在控制台输入网页中输出

console . info()；//一般信息

console . debug()；//调试信息

console . warn()；//警告提示

console . error()；//错误提示

console . log()；”可以用来代替“alert()；”或“document . write()；”例如，编写“console . log(‘Hello World’)；”然后会进入控制台，但不会进入网页。

我们在代码中插入以下代码：

Console.info('这是info ')；

Console.debug('这是调试')；

Console.warn('这是warn ')；

Console.error('这是错误')；

加载后打开控制台时，您会看到如下内容：

第二，占位符

控制台对象的上述五种方法都可以使用printf样式的占位符。但是，占位符的种类很少，仅支持字符(%s)、整数(%d或%i)、浮点数(%f)和对象(%o)。例如：

Console.log('%d年，%d月，%d日'，2011年3月26日)；

Console.log ('pi为%f '，3.1415926)；

%o占位符，可用于查看对象内部。例如，有这样一个对象：

var dog={ }；

Dog.name='大毛'；

Dog.color='黄色'；

然后，为其使用o%占位符：

console . log(“% o”，dog)；

第三，分组展示

console . group()；console . GroupEnd()；(这两种方法成对使用)console.group('第一组信息')；Console.log('第一组的第一篇文章')；控制台日志(“第1组的第2条”)；console . GroupEnd()；Console.group('第二组信息')；Console.log('第二组的第一篇文章')；控制台日志(“第2组的第2条”)；console . GroupEnd()；

四.console . dir()；(显示对象的所有属性和方法)

例如，现在向第二部分中的dog对象添加一个bark()方法，然后使用“dir()；”展示它：

dog . bark=function(){ alert(' Wang Wang ')；};

console.dir(狗)；

动词（verb的缩写）console . dirxml()；(获取节点中包含的所有html/xml代码)

var table=document . getelementbyid(' table 1 ')；//获取节点

console.dirxml(表)；//显示节点的所有代码

不及物动词console . assert()；(用于确定表达式或变量是否为真。如果结果为否，则在控制台中输出相应的消息并引发异常)

var结果=0；

console.assert(结果)；//false

var年份=2000年；

console.assert(年份==2011)；//false

七、console . trace()；(用于跟踪函数的调用轨迹)

/*加法函数*/

函数add(a，b){ 0

返回a b；

}

我想知道这个函数是怎么调用的，只需添加console.trace()方法：

函数add(a，b){ 0

console . trace()；

返回a b；

}

假设这个函数的调用代码如下：

var x=add3(1，1)；

函数add3(a，b ){ return add2(a，b)；}

函数add2(a，b ){ return add1(a，b)；}

函数add1(a，b ){返回add(a，b)；}

运行后会显示add()的调用轨迹，从上到下依次为add()、add1()、add2()和add3()

八、console . time()；和console . timeend()；(用于显示代码的运行时间)

Console.time(“计时器1”)；for(var I=0；i1000I){ for(var j=0；j1000j){ } } console . timeend(' timer one ')；

九.技术性能分析

性能分析器是分析程序各部分的运行时间，找出瓶颈。使用的方法是console.profile()。

假设有一个函数Foo()，它调用另外两个函数FucA()和FucB()，其中FucA()被调用10次，FucB()被调用一次。

函数Foo(){ for(var I=0；i10I){ FunCA(1000)；} FuncB(10000)；funcA函数(count){ for(var I=0；icountI){ } }函数FuncB(count){ for(var I=0；icountI ){}}然后分析“Foo()；”运行性能：

Console.profile(“性能分析器1”)；foo()；console . profile end()；

根据标题栏显示，总共运行了12个功能，耗时2.656毫秒。其中，funcA()运行10次，耗时1.391毫秒，最短运行时间为0.123毫秒，最长为0.284毫秒，平均值为0.139毫秒；FuncB()运行一次，耗时1.229 ms。

除了使用“console . profile()；”方法，firebug还提供了一个“Profiler”按钮。第一次点击这个按钮，‘性能分析’开始，可以对网页进行一些操作(比如ajax操作)。然后第二次点击该按钮，“性能分析”结束，由该操作引起的所有操作都将被分析。

X.属性菜单

控制台面板名称后，有一个倒三角形。单击后，将显示属性菜单。

默认情况下，控制台仅显示Javascript错误。如果选择了Javascript警告、CSS错误、XML错误，会显示相关提示信息。

这里有用的是显示“XMLHttpRequests”，即显示ajax请求。选中后，网页的所有ajax请求都将显示在控制台面板上。

例如，如果你点击一个YUI的例子，控制台会告诉我们它以ajax的方式发送了一个GET请求，也可以看到http请求和响应的头部信息和内容主体。

以上就是本文的全部内容，希望大家喜欢。