控制台彩蛋 Console调试信息

作者: SillyLi 分类: 源码教程 发布时间: 2019-03-14 21:05
本文共1229字2张图片,预计阅读时间需要4分钟。

最近无意间了解到了百度的控制台彩蛋

就在网上找了相关代码 发现JavaScript是可以像Java 易语言一样在控制台输出调试信息的

整合找了一段比较漂亮的代码

<script type="text/javascript">
console.log('hello,Welcome to SillyLi\' Blog!');
console.info('信息:SillyLi\'s Blog欢迎您');
console.error('错误:这是SillyLi\'s Blog发出的错误信息');
console.warn('警告:这是SillyLi\'s Blog发出的警告信息!');
  console.time("控制台用时");
  for(var i=0;i<1000;i++){
    for(var j=0;j<1000;j++){}
  }
  console.timeEnd("控制台用时");
  console.log([
            "%c                   _ooOoo_",
            "                  o8888888o",
            "                  88\" . \"88",
            "                  (| -_- |)",
            "                  O\\  =  /O",
            "               ____/`---'\\____",
            "             .'  \\\\|     |//  `.",
            "            /  \\\\|||  :  |||//  \\",
            "           /  _||||| -:- |||||-  \\",
            "           |   | \\\\\\  -  /// |   |",
            "           | \\_|  ''\\---/''  |   |",
            "           \\  .-\\__  `-`  ___/-. /",
            "         ___`. .'  /--.--\\  `. . __",
            "      .\"\" '<  `.___\\_<|>_/___.'  >'\"\".",
            "     | | :  `- \\`.;`\\ _ /`;.`/ - ` : | |",
            "     \\  \\ `-.   \\_ __\\ /__ _/   .-` /  /",
            "======`-.____`-.___\\_____/___.-`____.-'======",
            "                   `=---='",
            "^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^",
        ].join('\n'),'color: #fad144;');
        console.log('%c     佛祖保佑   T_T    永无BUG', 'color: #fa4844;font-size: 16px;font-weight: bold'); 
</script>

效果如下图:

其他的console.xxx命令可以大家可以参考下js手册哈 期待更多好玩的代码

发表评论

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