console使用说明(浏览器调试)

1.使用console替代alert

var obj = {data: [{name: '张三', age: 14}, {name: '李四', age: 22}]};

如果以上代码使用alert调试，看到的是“[object,object]”，这对你没有任何帮助。如果你使用console.log输出，在firebug控制台面板内可以看到“Object{data=[2]}”，单击对象可以在DOM面板中看到详细信息

 

2.再尝试一下使用console.dir输出obj，这个命令比log更直观。

 

3.console.log的格式化输出，语法格式如下：

console.log('格式化字符串', arg1, arg2, ..., argn)

 

可使用格式如下：

%s: 字符串。

%d, %i: 数字。

%f：浮点数。

%o: 对象

 

console.log('这是数字：%i\n这是window对象%o', 3, window)

 

4.console命令还提供类似信息提示框来使用图标区别不同级别的提示信息的功能，例如，在命令行输入以下语句：

 

console.debug('无图标', console.debug)

console.info('信息', console.info)

console.warn('警告', console.warn)

console.error('错误', console.error)

 

 

 

 

 

++++++++++++++++++++++++  console 命令及其说明   +++++++++++++++++++++++++++++

 

console.assert(expression[,object,..])	断言。如果表达式为false，则输出例外信息到控制台
console.dirxml(node)	列出HTML或XML元素的XML树
console.trace()	跟踪函数的入口调用
console.group(object[,object,..])	将信息分组再输出到控制台。通过console.groupEnd()结束分组
console.groupEnd()	结束分组输出
console.time(name)	创建一个名为name的计时器，计算代码的执行时间。调用console.timeEnd(name)停止计时并输出执行时间
console.timeEnd(name)	停止名称为name的计时并输出执行时间
console.profile([title])	开始对脚本进行性能测试，title为测试标题
console.profileEnd()	结束性能测试