自定义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