控制台打印带样式的文字

console.log()常规打印

console.warn()打印警告信息

console.error()打印错误信息

自定义console样式

格式如下： 

console.log("%c 需要输出的信息", "css 代码"); 

举个栗子： 

console.log("%c 伦家是一只小可爱呢，嘤嘤嘤","color:#223a7d;font-size:30px;font-weight:border;text-shadow: 0px 0px 5px rgba(59,144,253,1);") ;

tips：此处$c后的内容必须是字符串，想打印变量可参考如下写法：

var text = "文采好不如喝酒多，喝酒多不如会吹牛，会吹牛不如赚的多，赚得多不如活的长，活得长不如活的精。";

var str = "%c " + text;

console.log(str, "color:#223a7d;font-size:30px;");

打印图片

打印图片的原理也用到了css，在css样式中定义背景图（%c后面一定要加空格），如：

console.log("%c ", "padding:100px;background:url('http://upload.jianshu.io/users/upload_avatars/18343531/ae259492-5c7a-4366-b85d-4661614859f4.png?imageMogr2/auto-orient/strip|imageView2/1/w/120/h/120') no-repeat;");

关闭生产环境的console

最精简的方法：在入口js处增加一行代码console.log=()=>{}，其他warn,error等以此类推，开发时注释掉这行代码即可，在生产环境时再将注释取消