前言

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

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

相关文章:

  • 2022-01-15
  • 2021-04-12
  • 2021-12-04
  • 2022-01-14
  • 2022-01-08
  • 2021-04-25
  • 2021-04-27
  • 2022-01-02
猜你喜欢
  • 2021-09-07
  • 2022-12-23
  • 2022-03-08
  • 2021-04-22
  • 2021-08-15
  • 2021-05-04
相关资源
相似解决方案