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后面的信息,还感觉很神奇,结果原来是这样子。
本文转载于:猿2048➤https://www.mk2048.com/blog/blog.php?id=ha0a1bkci1j
IMWebConf 2017 官网彩蛋解谜的更多相关文章
- 官网实例详解-目录和实例简介-keras学习笔记四
官网实例详解-目录和实例简介-keras学习笔记四 2018-06-11 10:36:18 wyx100 阅读数 4193更多 分类专栏: 人工智能 python 深度学习 keras 版权声明: ...
- PyCharm 2017 官网 下载 安装 设置 配置 (主题 字体 字号) 使用 入门 教程
一.安装 Python 3.6 首先,要安装好 Python 3.6.如果你还没有安装,可以参考咪博士之前的教程 Python 3.6.3 官网 下载 安装 测试 入门教程 (windows) 二.官 ...
- 怎么在官网下载jstl【配图详解】
JSTL(JSP Standard Tag Library,JSP标准标签库)是一个非常优秀的开源JSP标签库,如果要在系统使用JSTL标签,则必须将jstl.jar和 standard.jar文件放 ...
- Ubuntu16.04下Neo4j图数据库官网安装部署步骤(图文详解)(博主推荐)
不多说,直接上干货! 说在前面的话 首先,查看下你的操作系统的版本. root@zhouls-virtual-machine:~# cat /etc/issue Ubuntu LTS \n \l r ...
- Ubuntu14.04下Neo4j图数据库官网安装部署步骤(图文详解)(博主推荐)
不多说,直接上干货! 说在前面的话 首先,查看下你的操作系统的版本. root@zhouls-virtual-machine:~# cat /etc/issue Ubuntu 14.04.4 LTS ...
- Ubuntu14.04下Mongodb官网卸载部署步骤(图文详解)(博主推荐)
不多说,直接上干货! 前期博客 Ubuntu14.04下Mongodb官网安装部署步骤(图文详解)(博主推荐) https://docs.mongodb.com/manual/tutorial/ins ...
- Ubuntu16.04下Mongodb官网卸载部署步骤(图文详解)(博主推荐)
不多说,直接上干货! 前期博客 Ubuntu16.04下Mongodb官网安装部署步骤(图文详解)(博主推荐) https://docs.mongodb.com/manual/tutorial/ins ...
- Ubuntu14.04下Mongodb官网安装部署步骤(图文详解)(博主推荐)
不多说,直接上干货! 在这篇博客里,我采用了非官网的安装步骤,来进行安装.走了弯路,同时,也是不建议.因为在大数据领域和实际生产里,还是要走正规的为好. Ubuntu14.04下Mongodb(离线安 ...
- Ubuntu16.04下Mongodb官网安装部署步骤(图文详解)(博主推荐)
不多说,直接上干货! 在这篇博客里,我采用了非官网的安装步骤,来进行安装.走了弯路,同时,也是不建议.因为在大数据领域和实际生产里,还是要走正规的为好. Ubuntu16.04下Mongodb(离线安 ...
随机推荐
- CAS单点登录(一)——初识SSO
转载:https://blog.csdn.net/Anumbrella/article/details/80821486 一.初识CAS 首先我们来说一下CAS,CAS全称为Central Authe ...
- jprofiler 查看程序内存泄露
在最近的工作中,通过JProfiler解决了一个内存泄漏的问题,现将检测的步骤和一些分析记录下来,已备今后遇到相似问题时可以作为参考. 运行环境: Tomcat6,jdk6,JProfiler8 内存 ...
- Leaflet:控件Control相关
Leaflet官方文档中只给出了4种控件:Zoom.Attribution.Layers.Scale:它们都是继承自Control类,具体可以参考Control. Control Zoom.Scale ...
- 反压缩 js ,我的万花筒写轮眼开了,CV 能力大幅提升
前言 因为比较菜,所以经常需要读一些别人的代码学习学习. 有源码的代码当然好,但是很多网站不开源.这些网站的 js 又都是打包压缩过的,学习起来很难受. 所以我做了一个小工具,通过修改抽象语法树,来处 ...
- LeetCode-049-字母异位词分组
字母异位词分组 题目描述:给定一个字符串数组,将字母异位词组合在一起.字母异位词指字母相同,但排列不同的字符串. 示例说明请见LeetCode官网. 来源:力扣(LeetCode) 链接:https: ...
- 微服务入门三:SpringCloud Alibaba
一.什么是SpringCloud Alibaba 1.简介 1)简介 阿里云未分布式应用开发提供了一站式解决方案.它包含了开发分布式应用程序所需的所有组件,使您可以轻松地使用springcloud开发 ...
- 记一次dump文件分析历程
一.背景 今天下午,正酣畅淋漓的搬砖,突然运维同事在群里通知,核心服务某个节点内存异常,服务假死.神经一下子紧张起来,赶紧跑到运维那边观察现象. 观察的结果是服务内存溢出,该服务是核心服务,分配了5G ...
- jarvisoj_level3
自己的第一篇博客 *其实很早就想写博客了但是自己安全学的比较晚而且也很菜,现在虽然还是比较菜但是也是有一些心得的 *第一个问题什么是ctf,根据某度来说:CTF(Capture The Flag)中文 ...
- PHP数组和字符串函数
1.1关于数组操作的函数 1.1.1range(start,end) 创建一个数组,值从start开始,一直到end结束 如果range里面的参数是数字,那么他直接按照数字大小的顺序排序,如果里面的参 ...
- 一比一还原axios源码(一)—— 发起第一个请求
上一篇文章,我们简单介绍了XMLHttpRequest及其他可以发起AJAX请求的API,那部分大家有兴趣可以自己去扩展学习.另外,简单介绍了怎么去读以及我会怎么写这个系列的文章,那么下面就开始真正的 ...