自定义console.log字体样式

我看到有意思的网站喜欢按下F12去看下页面的内容，偶然会在控制台发现一些字有的大有的小，有的红有的绿。

哇！他们怎么做到的？好神奇！我要学会它！QAQ

于是充满好奇心的我，又打开了度娘(●'◡'●)

改变控制台的字体样式

直接分享给你们我理解后的方法啦~

代码很简单：

 

1.最简单的例子

console.log("%c 我怎么黄了？", "color:yellow")

 

2.改变多个样式

console.log("%c黄%c绿%c蓝","color:yellow"，"color:green"，"color:blue")

 

这个方法不仅仅限于改变字体颜色，还可以改变字体大小，背景颜色，背景图片、文字描边等等。

从此我们的控制台不再单调~(●'◡'●)

转载于:https://www.cnblogs.com/nelly0213/p/6768181.html