在console面板打印有样式的字体

2022-02-25 08:29:48 浏览数 (1)

行动起来

前端的同学一定都很熟悉console命令。我们经常会用到console.log()来打印一些调试信息,当然console还有其他很多妙用,如

代码语言:javascript复制
1、console.log() 这个应该是最常用的
2、console.error() 输出错误信息 会以红色显示
3、console.assert(bool,”info”) 如果bool为false 打印出info 否则不打印
4、console.warn() 打印警告信息 会以黄色显示
5、console.info() 打印一般信息
6、……

今天给大家分享个好玩的。

大家想必平时都会在控制台打印东西,用来测试一些东西。

但是大家直达怎样在控制台打印出我们想要的带样式的文字嘛?

带大家来看看。

代码语言:javascript复制
console.log('%c 这里输入你要显示的内容','color:white;font-size:50px;text-shadow: 0px 0px 5px green;');

注:必须带 %c

然后在第二个引号中写上对应的样式即可。

效果图参考我的console日志

分享一个在线转换字符的网站 戳这里

0 人点赞