console.log输出五彩斑斓的颜色

console.log 最经常使用它在控制台输出信息然后进行代码调试，会发现输出信息的颜色永远是黑色。本文教学如何用 console.log在控制台输出具有五彩斑斓颜色的信息。

单色输出

console.log('\x1B[31m红色\x1B[34m 蓝色')

 

console.log('%c字符：', 'color:red', type)

console.log('%c当前环境：' + type, 'color:blue')

多色输出

console.log('%c123%c456', 'color: blue', 'color: green')
console.log.apply(void 0, ['%c123%c456', 'color: blue', 'color: green'])

 

背景输出

console.log('\x1b[43m背景')

背景+颜色输出

console.log('%c hello world ',
      'background: black; color: red')

背景+颜色+样式输出

console.log('%c 输出 %c 大大 a %c 颜色', 'color:red;', 'font-size:30px;', 'color:blue;background:yellow;')

其他输出

warn输出：

console.warn('hello world')

error输出：

console.error('hello world')

body输出：

console.log('%o', document.body)