EMLOG教程:让Console漂亮起来,在浏览器控制台添加网站说明

  • 内容
  • 相关

为了让喜欢按F12的访客不至于看到空空的控制台,写了点代码充实了下内容,也顺便复习下这部分内容。

代码如下:

<script>
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网站地址%chttp://www.xuboke.com","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企鹅号码%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;");
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;");
</script>

本文转载于:御板网络 http://www.neurallinker.com/289.misaka


本文标签:

版权声明:若无特殊注明,本文皆为《蓝优》原创,转载请保留文章出处。

本文链接:EMLOG教程:让Console漂亮起来,在浏览器控制台添加网站说明 - http://xuboke.com/catjs/89.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注

评论

2条评论
  1. avatar

    a&#39;a&#39;a&#39;a Lv.1 uBrowser 6.1.3397.16 uBrowser 6.1.3397.16 Windows Windows 回复

    放在什么地方

    贵州省贵阳市 电信

    1. avatar

      阅美乐 Lv.1 QQbrowser QQbrowser Android 7.1.1 Android 7.1.1 回复

      挺好看的

      IANA

      00:00 / 00:00
      顺序播放