IMWebConf 2017 官网彩蛋解谜

前言

IMWebConf 2017 ←这是官网

然后看到了这个：

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

下面进入正题。

第 0 关

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

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

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

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

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

顺利进入下一关~！

第 1 关

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

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

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

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

第 2 关

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

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

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

第 3 关

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

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

第 4 关

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

果然~仍然切换到 Elements 标签，查找：

哈哈，下一关！

第 5 关

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

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

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

第 6 关

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

直接转换成时间：

在 日程 > 性能 找到：

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

第 7 关

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

End.

后记

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

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

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

本文转载于:猿2048➤https://www.mk2048.com/blog/blog.php?id=ha0a1bkci1j