最近折腾前端，发现了些有趣的东西。

大家都知道浏览器都自带开发人员工具，就算是不会前端膜法的麻瓜都知道按下F12浏览器会蹦出一些奇奇怪怪的东西

这东西是对调试网站程序帮助很大，但由于我太咸鱼平时用到的功能不多，对他并不是十分了解

然后今天在调试博客的时候偶然发现了下面这条消息

哇塞console.log[1]还能这么玩，这东西还能添加样式的吗？

于是我打开了一些奇奇怪怪的网站……然后我发现了这样一篇知乎哪些网站有着一些有趣的 console.log 信息？

哇塞简直是打开了新世界的大门，虽然大多数是招聘信息，但还有不少中二度爆表

比如……

 

还有这个把调试搞得像火箭发射似的……

当然还有牛逼的大神在里面放了个可以玩的2048！

大家可以平时多按按Ctrl+Shift+i看看有什么好玩的呀~[2]

注：

  1. console.log的作用：向web控制台输出一条消息，主要是方便你调式javascript用的。你可以看到你在页面中输出的内容。相比alert他的优点是：
    • 他能看到结构话的东西，如果是alert，淡出一个对象就是[object object],但是console能看到对象的内容。
    • console不会打断你页面的操作，如果用alert弹出来内容，那么页面就死了，但是console输出内容后你页面还可以正常操作。
    • console里面的内容非常丰富，你可以在控制台输入：console，然后就可看到：

    Console {memory: MemoryInfo, debug: function, error: function, info: function, log: function…}

    它有网页的各种提示。
  2. Ctrl+Shift+i是调出控制台的快捷键

标签: 生活