做前端的对console.log()应该都不会陌生，今天偶尔看到支付宝官网页面console.log()输出的信息挺有意思的，所以也忍不住玩了一把。
关于console.log()的用法可以参考官方文档：https://developer.mozilla.org/zh-CN/docs/Web/API/Console/log
console.log几乎所有的浏览器都是通过按F12键调出浏览器控制台，所以第一步我们需要在网页上通过JS监测用户的按键。代码如下：
- document.onkeydown = function(){
- if(window.event && window.event.keyCode == 123) {
- console.log(); //自己写有意思的代码，放在这里；下面两个是禁用F12功能
- //event.keyCode=0;
- // event.returnValue=false;
- }
- }
分享几个有意思的console.log字符：
- console.log("\n : . i#: i#. ff \n ##t ##. ##K ##K ## \n ##f ## ##K ##K ## \n ##f ## ##K ##K ## \n ##t ## ##K ##K ## \n ##: :## G###f ##K ##K .E##E ## #D L#. #### ######W E### \n ##: :G## ####### ##K ##K ###### ## ### ##E i######i ######## .######, \n ##D######## ###: t## ##K ##K ###GD##t ##. ### ## ### ### ##K ,##. ###, ## \n ########### ## #### ##K ##K ,## ### ##j;###;;## G## i###f ## W#K ### ## \n ##t :## j#####E ##K ##K K## f## #####K#W##E ######i ## j## ##, ## \n ##. :## f###j ##K ##K D## D## L####:#### #### ## ##E ##; ## \n ## :## ##f t#f ##K ##K .##. .##i ###G #### E##. W# ##; K## ### ##. \n ## :## W#######f ##K ##K ####### ### ###K ######## #######G ;######## \n .## ## i#####i K#i E#t W#### G#W f## .E#####. ######i L####L## ");
在控制台可以看到如下效果：
如果您想自定义其他字符，可以通过这个工具https://www.fontke.com/tool/image2ascii/进行在线生成，菠菜园今天的分享就到这里，更多新奇玩法，期待你的脑洞哈！！
