Console 面板基础
常用console方法
| 方法 | 说明 | 示例 |
|---|---|---|
console.log() |
普通日志 | console.log('hello') |
console.info() |
信息日志 | console.info(msg) |
console.warn() |
警告日志 | console.warn('警告信息') |
console.error() |
错误日志 | console.error('错误') |
console.table() |
表格形式显示数组/对象 | console.table(arr) |
console.dir() |
以对象形式显示 | console.dir(obj) |
console.time() |
开始计时 | console.time('test') |
console.timeEnd() |
结束计时 | console.timeEnd('test') |
console.count() |
计数器 | console.count('label') |
console.trace() |
打印堆栈跟踪 | console.trace() |
console.group() |
分组日志 | console.group('group') |
console.clear() |
清空控制台 | console.clear() |
格式化输出
| 格式 | 说明 | 示例 |
|---|---|---|
%s |
字符串 | console.log('Hello %s', 'World') |
%d / %i |
整数 | console.log('Age: %d', 25) |
%f |
浮点数 | console.log('Price: %f', 99.9) |
%o |
DOM元素 | console.log('%o', document.body) |
%O |
JavaScript对象 | console.log('%O', {a:1}) |
%c |
CSS样式 | console.log('%cstyled', 'color:red') |