console.log打印总结，输出字体颜色、其他样式等

文章目录

• • 常用打印
  • `%c`表示css样式
  • `%d`表示数字
  • `%i`表示整型数字
  • `%o`表示DOM元素
  • `%O`表示javascript对象

常用打印

console.log()    // 打印日志
console.debug()  // 打印调试
console.error()  // 打印错误
console.info()   // 打印信息
console.warn()   // 打印警告
console.assert() // 打印断言
console.clear()  // 清空

%c表示css样式

console.log('%cHello', 'color: #43bb88;font-size: 24px;font-weight: bold;text-decoration: underline;');

实例：

console.log('%c字符：','color:red', val)
//          文字提示    样式         变量值

简化：

console.log('%cHello', 'color: red');

%d表示数字

console.log('%d', 123);

%i表示整型数字

console.log('%i', 123);

%o表示DOM元素

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

%O表示javascript对象

console.log('%O', new Date());