资讯专栏INFORMATION COLUMN

IMWebConf 2017 官网彩蛋解谜

yacheng / 3288人阅读

摘要:找一个解码的网站,输入这个字符串,得到信息果然仍然切换到标签,查找哈哈,下一关第关这一关仍然是这个套路,不过搜索之后发现怎么没有呢不着急,看看里应该就在下的右边。

前言

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/84942.html

相关文章

  • IMWebConf 2017 官网彩蛋解谜

    摘要:找一个解码的网站,输入这个字符串,得到信息果然仍然切换到标签,查找哈哈,下一关第关这一关仍然是这个套路,不过搜索之后发现怎么没有呢不着急,看看里应该就在下的右边。 前言 IMWebConf 2017 ←这是官网 然后看到了这个:showImg(https://segmentfault.com/img/bVTLkO?w=416&h=602); 所以就试了下,作为一个前端菜鸟,发现通关还挺...

    dayday_up 评论0 收藏0
  • IMWebConf 2017 官网彩蛋解谜

    摘要:找一个解码的网站,输入这个字符串,得到信息果然仍然切换到标签,查找哈哈,下一关第关这一关仍然是这个套路,不过搜索之后发现怎么没有呢不着急,看看里应该就在下的右边。 前言 IMWebConf 2017 ←这是官网 然后看到了这个:showImg(https://segmentfault.com/img/bVTLkO?w=416&h=602); 所以就试了下,作为一个前端菜鸟,发现通关还挺...

    AbnerMing 评论0 收藏0
  • 2017-09-18 前端日报

    摘要:前端日报精选的现状网页性能提升指南精读现代概览从入门到真实项目配置浏览器的渲染过程与原理动画动画中文第期跨浏览器页的通信解决方案尝试前端面试题及答案总结掘金周刊教程最熟悉的陌生人个人文章技术周刊期知乎专栏的缺口和中的样式从外 2017-09-18 前端日报 精选 Web 的现状:网页性能提升指南精读《现代 JavaScript 概览》webpack:从入门到真实项目配置浏览器的渲染:过...

    zhangwang 评论0 收藏0
  • 我们在开源项目中是怎样埋彩蛋

    摘要:在开源软件中,加彩蛋是一种乐趣,并不为奇,同为知名组件库的项目,也经常在文档中埋藏很多彩蛋,不过仅仅是在文档中,组件库中是没有的。本来就来介绍下我们在开源项目中是怎样埋彩蛋的。 今天的 AntDesign 圣诞节彩蛋事件确实炸开了锅,加彩蛋的初衷是好的,只是这次玩过了火。 在开源软件中,加彩蛋是一种乐趣,并不为奇,同为知名 UI 组件库的 iView 项目,也经常在 文档 中埋藏很多彩...

    Little_XM 评论0 收藏0
  • 2017-10-15 前端日报

    摘要:前端日报精选精读杀鸡用牛刀让网页渲染如丝顺滑从上下文,到作用域彩蛋理解闭包网页转图片技术分享中文第期反击爬虫,前端工程师的脑洞可以有多大浮点数陷阱及解法有用的代码片段和免费的计算机编程类中文书籍,欢迎投稿核心特性理解 2017-10-15 前端日报 精选 精读《css-in-js 杀鸡用牛刀》WebRender:让网页渲染如丝顺滑从上下文,到作用域(彩蛋:理解闭包)Vue 2.5 re...

    blair 评论0 收藏0

发表评论

0条评论

yacheng

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<