JS实现控制台Console美化

emlog教程 2年前 (2019) Mgo
0

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

	
  1. <script>
  2. console.log("%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;");
  3. console.log("%c%c网站地址%chttps://lanyou.vip","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;");
  4. console.log("%c%c企鹅号码%c1410469560","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;");
  5. console.log("%c%c任何足够先进的技术,初看皆与魔法无异!我一直觉得这句话很有道理,不知道你是不是也这样认为呢。","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;");
  6. </script>

版权声明:Mgo 发表于 2019-03-22 14:24:56。
转载请注明:JS实现控制台Console美化 | 站长聚集地

暂无评论

暂无评论...