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 标识出来，否则样式代码会以字符串的形式打印出来。