浏览器 console.log 调试,花样彩色输出信息,玩转 console.log

Dec 25, 2019 7:28:11 PM 2736

先上bilibili的效果图


我们知道我们平时会用到,alert来调试  JS  ,也知道用 console.log ,console.info之类调试更方便和直观,并且能输出对象。

当我们不知道一个对象里有那些property,有哪些function,那么我们就直接console.log()一下这个对象,就知道了,尤其是使用一个JS插件,而不知道这个插件里有哪些方法,就可以用得着。


console.log("hi")
console.debug("hi debug");
console.info("hi info");
console.warn("hi warn");

效果自己试试去。


下面说说我们的大招吧;彩色的输出。

直接上代码。


var ms = "background: rgba(252,234,187,1);background: -moz-linear-gradient(left, rgba(252,234,187,1) 0%, rgba(175,250,77,1) 12%, rgba(0,247,49,1) 28%, rgba(0,210,247,1) 39%,rgba(0,189,247,1) 51%, rgba(133,108,217,1) 64%, rgba(177,0,247,1) 78%, rgba(247,0,189,1) 87%, rgba(245,22,52,1) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgba(252,234,187,1)), color-stop(12%, rgba(175,250,77,1)), color-stop(28%, rgba(0,247,49,1)), color-stop(39%, rgba(0,210,247,1)), color-stop(51%, rgba(0,189,247,1)), color-stop(64%, rgba(133,108,217,1)), color-stop(78%, rgba(177,0,247,1)), color-stop(87%, rgba(247,0,189,1)), color-stop(100%, rgba(245,22,52,1)));background: -webkit-linear-gradient(left, rgba(252,234,187,1) 0%, rgba(175,250,77,1) 12%, rgba(0,247,49,1) 28%, rgba(0,210,247,1) 39%, rgba(0,189,247,1) 51%, rgba(133,108,217,1) 64%, rgba(177,0,247,1) 78%, rgba(247,0,189,1) 87%, rgba(245,22,52,1) 100%);background: -o-linear-gradient(left, rgba(252,234,187,1) 0%, rgba(175,250,77,1) 12%, rgba(0,247,49,1) 28%, rgba(0,210,247,1) 39%, rgba(0,189,247,1) 51%, rgba(133,108,217,1) 64%, rgba(177,0,247,1) 78%, rgba(247,0,189,1) 87%, rgba(245,22,52,1) 100%);background: -ms-linear-gradient(left, rgba(252,234,187,1) 0%, rgba(175,250,77,1) 12%, rgba(0,247,49,1) 28%, rgba(0,210,247,1) 39%, rgba(0,189,247,1) 51%, rgba(133,108,217,1) 64%, rgba(177,0,247,1) 78%, rgba(247,0,189,1) 87%, rgba(245,22,52,1) 100%);background: linear-gradient(to right, rgba(252,234,187,1) 0%, rgba(175,250,77,1) 12%, rgba(0,247,49,1) 28%, rgba(0,210,247,1) 39%, rgba(0,189,247,1) 51%, rgba(133,108,217,1) 64%, rgba(177,0,247,1) 78%, rgba(247,0,189,1) 87%, rgba(245,22,52,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#f51634', GradientType=1 );font-size:5em";
    if (window.console) console.log("%c你在找什么?\r\n有问题加群:8888888888%s", ms, "\n\r警告:不准复制或粘贴信息!")

下面是效果图:


自己复制去看效果吧。console.log是支持占位符的。占位符具体信息如下,我从别人那偷图过来了。


版权所属:JavaScript加密

原文地址:https://www.jsjiami.com/article/js-console.html

转载时必须以链接形式注明原始出处及本声明。


本文标签:
最新文章
Chrome浏览器模拟微信客户端访问网址,方法图文讲解模拟微信 46
JavaScript在线加密,最牛加密按次加密计费方式讲解。 163
丁香公开课请求 sign(签名) 分析过程讲解 355
JavaScript优雅的跳转,作弊跳转方式,JS防检测跳转。 2321
JS代码书写注意事项,JavaScript代码压缩后为什么报错? 1190
JavaScript 加密混淆之后运行 xxxx is not defined,Javascript 提示xxxx is not defined 怎么办? 1745
模仿支付宝输入支付密码的UI,带JavaScript 密码输入校验功能 1608
获取当前北京时间API 3185
JS从数组中随机获取一个值 724
Autojs怎么安全加密?Autojs在线加密工具注意事项。 9756

      商务合作:1#vfan.cn(把#换成@),或者联系QQ:84034666

      业务咨询:i#itboy.net(把#换成@),或者联系QQ:8446666

再次输入密码