HelloWorld官网首页藏了哪些彩蛋?一个个帮你挖出来
HelloWorld的开发者们显然是一群充满童心的人。他们在严肃的官网首页埋下了大量隐藏交互,像一枚枚等待发掘的时间胶囊。今天我们就化身“彩蛋猎人”,把那些藏在前端代码和交互逻辑里的神秘惊喜,一个个帮你挖出来。
一、按下“上上下下左右左右BA”解锁隐藏对话框
没错,这就是大名鼎鼎的“科乐美秘技”。打开HelloWorld官网,不要点击任何东西,直接用键盘依次按下:↑ ↑ ↓ ↓ ← → ← → B A。如果你节奏正确,页面中央会凭空浮现一个像素风格的对话框,里面是开发团队的全体成员名单配以搞怪表情,甚至还有一只像素猫飘过。
二、点击Logo十次触发烟花特效
页面上方的HelloWorld Logo通常只是刷新页面的入口,但如果你用鼠标对着它连续快速点击十次(注意是十次,不多不少),整个屏幕会瞬间变暗,紧接着从Logo中心迸发出绚丽的HTML5 Canvas烟花动画,持续约5秒。这是前端工程师为纪念项目成立十周年埋下的生日彩蛋。
三、在搜索框输入“HelloWorld”跳转复古终端页面
官网右上角的搜索框并不仅仅用来查文档。试着在里面输入大写的 “HELLOWORLD” 并回车,页面不会返回搜索结果,而是会进行一次平滑过渡动画,将整站风格切换为黑底绿字的CRT复古终端风格。在这里,你可以用DOS般的指令浏览网页,输入ls甚至会列出当前页面结构。
四、拖动页面角落的感叹号图标显示开发者留言
把页面滚动到最底部,在版权声明区寻找一个极不显眼的 “!” 感叹号图标。按住鼠标左键将它向屏幕中央拖拽,你会像撕开贴纸一样,露出一段手写字体的留言。这是技术负责人写给早期内测用户的一段感谢信,落款时间赫然写着2015年。
五、连续三次刷新页面出现奔跑的代码字符
这是一个需要手速的彩蛋。在浏览器中连续按F5刷新页面三次(间隔不能超过1秒),第三次加载时,你会发现导航栏下方的横条变成了代码矩阵,一个由分号、花括号和变量名组成的小火柴人从左跑到右,留下一串发光的脚印。
六、右键查看源代码定位注释中的谜题链接
在页面空白处点击右键,选择“查看页面源代码”。别被密密麻麻的HTML吓到,直接滚动到
七、午夜0点首页背景自动切换星空星座图
这个彩蛋不需要操作,只需要合适的时间。如果你在当地时间午夜0点至0点5分访问HelloWorld官网,首页原本干净清爽的白底背景会缓缓浮现出漫天星空。更妙的是,这是根据你本地经纬度实时生成的当晚真实星图,鼠标滑过还能标注星座名称,浪漫至极。
八、同时按下Ctrl+Alt+W弹出彩蛋收集进度条
最后是一个总结性的彩蛋。在页面任意位置,同时按下 Ctrl + Alt + W 键,顶部会降下一个类似游戏成就系统的面板。它会统计你在当前域名下发现了多少隐藏元素(如上文提到的科乐美秘技、烟花、终端等)。如果你之前无意中触发过,这里的进度条会点亮,集满7个还会解锁一枚“元老级探索者”的虚拟徽章。