改变console.log的输出样式

Posted Booo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了改变console.log的输出样式相关的知识,希望对你有一定的参考价值。

console.log允许你通过css来格式化输出,格式如下:

console.log(‘%c字符串%c字符串’, 样式1, [样式2])

其中”%c”为模板字符串

例子:

1
console.log(\'%cHello\',\'color:#fff;background:red\')

 

改变多个样式

1
console.log(\'%cHello %cWord\',\'color:#fff;background:red\',\'color:white;background:#ccc\')

 

 

 



以上是关于改变console.log的输出样式的主要内容,如果未能解决你的问题,请参考以下文章

chrome控制台利用console.log输出CSS样式

Jest 会吞下 console.log 语句吗?有没有办法改变这个?

控制台输出彩色样式

给 console 添加颜色

Node.js console.log 与 console.info

如何将 CSS 自动应用于 console.log 着色[重复]