前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >在console面板打印有样式的字体

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

作者头像
用户6808043
发布2022-02-25 08:29:48
9940
发布2022-02-25 08:29:48
举报
文章被收录于专栏:lostfawn

行动起来

前端的同学一定都很熟悉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日志

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-5-21,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 行动起来
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档