Console 对象用于 JavaScript 调试。
Console 对象常见的两个用途：
- 显示网页代码运行时的错误信息。
- 提供了一个命令行接口，用来与网页代码互动。
常用 Console 调试命令
console.log('log');
console.info('info');
console.error('error');
console.warn('warn');
常用 console 调试命令
- 注意点
引用类型可以使用 JSON.parse(JSON.stringify()) 实时查看状态
数组状态均为改变后的
实时查看数组状态
占位符
| 占位符 | 作用 |
|---|---|
| %s | 字符串 |
| %d 或 %i | 整数 |
| %f | 浮点数 |
| %o | 可展开的 DOM |
| %O | 列出 DOM 的属性 |
| %c | 根据提供的 css 样式格式化字符串 |
%o 可展开的 DOM
%O 列出 DOM 的属性
等同于console.dir(document.body.firstElementChild)
console.dir()
打印出任何 JavaScript 对象的属性列表
JavaScript 对象的属性列表
console.group()
信息分组
cosole.table()
获取特定的 JavaScript 对象属性
var user = [
{
index: '0',
id: '072384',
price: '54815',
time: '1532659745'
},
{
index: '1',
id: '198238',
price: '32343',
time: '1532659745'
},
{
index: '2',
id: '283709',
price: '1255',
time: '1532659745'
}
];
console.log()
console.table()
console.time()
console.time() 和 console.timeEnd() 用来显示代码的运行时间
计时器
console.trace()
追踪函数的调用轨迹
函数调用轨迹
