[趣味代码] JS实现控制台Console美化

一段简单的JS即可实现控制台美化,让你的控制台不再OUT

效果图:

JS代码:

$(function(){
    console.log("%c%c博客名称%c辛诚哈哈","line-height:28px;","line-height:28px;padding:4px;background:#222;color:#fff;font-size:16px;margin-right:15px","color:#3fa9f5;line-height:28px;font-size:16px;");
	console.log("%c%c网站地址%cwww.xcooo.cn","line-height:28px;","line-height:28px;padding:4px;background:#222;color:#fff;font-size:16px;margin-right:15px","color:#ff9900;line-height:28px;font-size:16px;");
	console.log("%c%c企鹅号码%c602006050","line-height:28px;","line-height:28px;padding:4px;background:#222;color:#fff;font-size:16px;margin-right:15px","color:#008000;line-height:28px;font-size:16px;");
	console.log("%c%c当前检测结果: 该用户正在按F12偷看,应该是在做什么羞羞的事情(#^_^#) ","line-height:28px;","line-height:28px;padding:4px 0px;color:#fff;font-size:16px;background-image:-webkit-gradient(linear,left top,right top,color-stop(0,#ff22ff),color-stop(1,#5500ff));color:transparent;-webkit-background-clip:text;");
    console.log("%c%c博客友情提示: 发现Bug请及时跟我反馈,谢谢","line-height:28px;","line-height:28px;padding:4px 0px;color:#fff;font-size:16px;background-image:-webkit-gradient(linear,left top,right top,color-stop(0,#ff22ff),color-stop(1,#5500ff));color:transparent;-webkit-background-clip:text;");
    console.log("%c%c这里可以联系到我哦:https://www.xcooo.cn/about.html","line-height:28px;","line-height:28px;padding:4px 0px;color:#fff;font-size:16px;background-image:-webkit-gradient(linear,left top,right top,color-stop(0,#ff22ff),color-stop(1,#5500ff));color:transparent;-webkit-background-clip:text;");
});