IMWebConf 2017 官网彩蛋解谜

前言

IMWebConf 2017 ←这是官网

然后看到了这个:
《IMWebConf 2017 官网彩蛋解谜》

所以就试了下,作为一个前端菜鸟,发现通关还挺简单的,不过每个方面的知识都涉及到一点,所以在这里总结一下。

下面进入正题。

第 0 关

就在这个页面打开控制台就能看到这个信息:

《IMWebConf 2017 官网彩蛋解谜》

window.location.search.match(/imweb-magic-land/) == true

在Google搜索 window.location.search ,顺便打开控制台试一下 :

《IMWebConf 2017 官网彩蛋解谜》

应该明白了吧?这个指的就是url后面带的参数,那么要为 true 的话,就在url后加上 ?imweb-magic-land

变成这样:http://2017.imweb.io/?imweb-m…

顺利进入下一关~!

第 1 关

打开上面的url,控制台输出了这样的信息:

《IMWebConf 2017 官网彩蛋解谜》

这个简单,切换到Elements标签,然后搜索 portal ,可以看到一个id为 portal 的p标签:

《IMWebConf 2017 官网彩蛋解谜》

这串数字就是进入下一关的参数啦~

不过直接在控制台输入 window.location.search = document.getElementById('portal').innerText
就可以自动跳转了~

第 2 关

《IMWebConf 2017 官网彩蛋解谜》

这一关真的没难度,切换到 Application 选项卡,打开 localStorage

《IMWebConf 2017 官网彩蛋解谜》

key = portal的值就是下一关的参数了。

注意看最上面的一条数据,包含了当前页的位置信息,所以每次都会不同的哦,想直接到最后一关是不行的~

第 3 关

《IMWebConf 2017 官网彩蛋解谜》

这一关就给了一条信息,只能试试看,切换到 Elements 标签,搜索一下导师姓名:

《IMWebConf 2017 官网彩蛋解谜》

哈哈果然,拿到传送门,下一关~

第 4 关

《IMWebConf 2017 官网彩蛋解谜》

这一关给了一串‘乱码’,不过熟悉的一看就知道这是中文经过Encode之后的样子。找一个解码的网站,输入这个字符串,得到信息:

《IMWebConf 2017 官网彩蛋解谜》

果然~仍然切换到 Elements 标签,查找:

《IMWebConf 2017 官网彩蛋解谜》

哈哈,下一关!

第 5 关

《IMWebConf 2017 官网彩蛋解谜》

这一关仍然是这个套路,不过搜索之后发现怎么没有呢?不着急,看看 style 里(应该就在 Elements 下的右边)。先点击选中这个h3标签:

《IMWebConf 2017 官网彩蛋解谜》

这样右边显示的就是当前元素的样式:

《IMWebConf 2017 官网彩蛋解谜》

content里的内容就是下一关的位置了

第 6 关

《IMWebConf 2017 官网彩蛋解谜》

这一关的信息是两串数字,一看就是时间戳嘛。

直接转换成时间:

《IMWebConf 2017 官网彩蛋解谜》

在 日程 > 性能 找到:

《IMWebConf 2017 官网彩蛋解谜》

点击头像 5 下之后,控制台输出信息,下一关~

第 7 关

《IMWebConf 2017 官网彩蛋解谜》

没有第 7 关了,到这里就结束了~

End.

后记

通过六关,拿到了三张优惠券,不过还是买不起哈哈哈。

说起来这个主要目的是宣传,所以没什么难度也是正常的,window.location.search 这个学习了,前段时间做实习项目,看到封装了一个函数可以拿到url后面的信息,还感觉很神奇,结果原来是这样子。

我的blog链接:blog.life1st.cn/article/IMWebConf2017_eggs

    原文作者:life1st
    原文地址: https://segmentfault.com/a/1190000010868152
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞