使用Console.log打开控制台自定义文字

2018年4月21日15:24:54 4 3,411

想必一些人已经知道利用Console.log()来实现打开控制台出现的一些自定义文字了,

但今天我不是来讲解Console.log()的用法的,而是分享一段JS代码的

使用Console.log打开控制台自定义文字

想必在本网站打开控制台的也看见了,代码如下:

console.log("%c流星博客"," text-shadow: 0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);font-size:5em")
console.log('%cwww.liues.cn', 'background-image:-webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );color:transparent;-webkit-background-clip: text;font-size:2em;');
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%cLiues交流群%c  253477949","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联系站长%c  1243101939","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网站地址%c  http://www.liues.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任何足够先进的技术,初看皆与魔法无异!我一直觉得这句话很有道理,不知道你是不是也这样认为呢?","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;");

另外附上打开控制台弹出弹窗js

//f12
(function () {
  var re = /x/;
  var i = 0;
  console.log(re);
 
  re.toString = function () {
    alert("打开控制台?欢迎大佬光临!");
    return '第 ' + (++i) + ' 次打开控制台';
  };
})();

 

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:4   其中:访客  2   博主  2

    • avatar 林浩楠 0

      过来转转,串串门

        • avatar 流星  博主

          @林浩楠 嘿嘿

        • avatar 流星  博主

          [晕]

          • avatar 明月清风 3

            这家伙还不赖的哦!