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

  • Post author:
  • Post category:其他




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()

结束性能测试