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,..]) |
|
console.dirxml(node) |
|
console.trace() |
跟踪函数的入口调用 |
console.group(object[,object,..]) |
|
console.groupEnd() |
结束分组输出 |
console.time(name) |
|
console.timeEnd(name) |
|
console.profile([title]) |
|
console.profileEnd() |
结束性能测试 |