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')
← Chrome Console Overview Chrome Console Elements →