记录成长
分享快乐

Console控制台常用语句及显示美化

Console 控制台主要用于代码调试,但是很多博主也常常借此来美化控制台,增加一些交互信息以备用户通过 F12 查看网站源码等操作。对于 Console 控制台,一般我们常用的就是 console.log(); ,当然也会用到一些其他语法,这里我们就看一下常用的几种语法极其前端显示效果。

下面这段代码是我目前用于美化 Console 控制台的一段代码及其前端显示效果:

<!-- Console控制台显示信息 -->
<script type="text/javascript">
    console.log("%c蝈蝈要安静 | 一个不学无术的伪程序员","font-size:18px; font-weight:bold; color:#24a0f0;");
    console.debug("博客地址:blog.quietguoguo.com");
    console.info("企鹅咨询:2220379479");
    console.warn("微信公号:QuietGuoGuoBlog");
    console.error("友情提醒:撰文不易,转载请保留原文链接");
</script>

代码使用简单,只需将上述代码丢到主题的 footer.php 文件中去即可。当然如果你不满足于默认样式还可以通过简单修改样式以美化(还可以添加图片哦),注意需要打印的部分用 %c 标识出来,否则样式代码会以字符串的形式打印出来。

赞(0) 我要打赏
蝈蝈提醒:转载请注明出处哦>>>蝈蝈要安静 » Console控制台常用语句及显示美化
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

博客文章有用,赏博主一包辣条~~~

支付宝扫一扫打赏

微信扫一扫打赏