Chrome 的小恐龙游戏，被我破解了...

最新推荐文章于 2022-08-16 21:02:17 发布
最新推荐文章于 2022-08-16 21:02:17 发布
阅读量744 收藏 1
点赞数
文章标签： chrome 类 window url 内存泄漏
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39841838/article/details/109326840
版权

一个阳光明媚的周末，透光的窗帘把我从睡梦中叫醒，大脑说今天是周六，可以慵懒个一上午，于是开心地打开我的 Mac 准备看两集 Rick and Morty 再起床洗漱。

我迫不及待打开了对应的网站，发现浏览器提示 No internet，这才发现因为我的动作太过于行云流水，电脑还没来得及连上 wifi 

Fine，那就等 wifi 自己重连吧，等待的这段时间刚好回味一下 Chrome 自带的这款小恐龙游戏。

科普：Chrome 浏览器是 Google 家的官方浏览器，使用体验全世界南波万。当用户在无网络时访问某一网址，浏览器会提示“无网络链接”（也就是上面这张图），按下空格键，就会唤醒一个小恐龙跑步刷分的游戏。

如果在有网络连接时也想玩的话，可以直接在地址栏输入：chrome://dino

出于职业本身的敏感和好奇，我突然心生疑问：这应该是用 JS 做的吧？

我顺势打开控制台，不如先看一下所有的全局变量？

239 个...太多了，我可没这个耐心

我停止了操作，开始思考这一切的可行性：

  1. 我在干什么？尝试自定义这个游戏

  2. 为什么要看全局变量？因为假设关于游戏的对象被暴露在了全局

  3. 如果没暴露在全局？行，那我就放弃了（周末的早晨我可不想在 sources 里面扒源码）

也就是说，如果没有在全局变量里找到那个对象，我就可以选择性放弃了。

再看一下上面这张图，不难发现，这 239 个全局变量，有很多都是老朋友了，name、history、location、onclick、onerror... 这些变量明显和这只小恐龙没啥关系，打印出来纯粹是来充个数，还浪费了我找目标的时间，所以我遇到了第一个问题：如何快速找到由开发者自定义的全局变量？

假如我有一个正常的 window...不对，不用假如，新开一个空窗口不就得了 在新打开窗口的控制台，我得到了这样的结果：

也就是说，在这个恐龙快跑的小游戏里，Google 的前端工程师向 window 注入了 43 个全局变量（239-196）...

怎么把这 196 个原生的全局变量拿过来呢？复制粘贴就太 low 了，让我想想...

在原有窗口的基础上，再搞一个新窗口...这不就是 iframe 吗！iframe 虽然没有  window ，但是它有  contentWindow ，原则上来说，属性差别应该不大。所以现在只需要创建一个 iframe，拿它里面  contentWindow  的全局变量去过滤当前  window  的全局变量，就可以筛选出那多余的 43 个嫌疑人了。

于是我在控制台敲出了下面这些代码

回车！

诶，怎么是 45 个？比预期的多了 2 个，难道  window  里面还包含哪些  contentWindow  里面没有的变量吗？于是我把相同的代码拿去 url 为 about:blank 的窗口下执行了一遍，发现了罪魁祸首：

哦...原来是我给 Chrome 安装的 React 开发者工具干的好事...忽略！

我打开了先前检索到的 45（43+2） 个多余全局变量，大致扫了一眼，很快就发现了一个很可疑的选手：

Runner ，不就是这个一直在跑步的小恐龙吗

看看它是个什么货色，无脑  typeof  一下：

emmm居然是函数，哦？函数，首字母还大写，这熟悉的味道，这不就是个构造函数吗！正所谓，构造函数的宝藏都在  prototype  里，在观察了一遍这个宝藏之后，我发现了一个名为  gameOver  的方法，

这个函数名，难不成它就是那个让小恐龙去死的方法？既然这样，呵，我反手就把它用空函数覆盖了。于是...

真的是...

然后我又发现了另一个有趣的方法：

顾名思义，这是用来给小恐龙设置奔跑速度的方法，但是怎么调用呢？由构造函数创建的实例对象，可通过原型链访问构造函数 prototype 上的变量和方法，也就是说，如果能找到这个小恐龙对应的实例，那么就能直接调用这个  setSpeed  方法了。既然 Google 的前端工程师已经把这么多变量搞到全局了，那么...会不会也在全局存储了这个小恐龙实例？我重新审视了一遍那 43 个多出来的全局变量，并没有找到。我下意识地随手输入了一下这个  Runner  构造函数，真是山重水复疑无路柳暗花明又一村呐：

我甚至都不需要看  Runner  函数的全部代码，就知道原来实例被保存在一个名叫  instance_  的  Runner  自身属性里，论起好变量名的重要性，行，那我就不客气了，直接调用！

于是...

当我凝视着这个飞奔的无敌小恐龙时，我突然觉得...一切变得...

A312jids93
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
chrome 恐龙 html源码,Chrome 恐龙快跑
weixin_39737001的博客
06-18 1734
Chrome 恐龙快跑(无效果请刷新)main-content{height: 0;}.icon {-webkit-user-select: none;user-select: none;display: inline-block;}.icon-offline {content: -webkit-image-set(url(https://www.xcnte.com/game/100-error-...
[小游戏]ExDirectUI仿Chrome小恐龙游戏扩展.zip
07-22
里面是一个恐龙跑酷游戏，不是太好，但是还是拿的出手，有兴趣的人可以下载，去研究里面的源码，把这个改的更完整，让这个成为一个完整的跑酷。
谷歌浏览器断网时恐龙快跑小游戏
07-26
谷歌浏览器断网时恐龙快跑小游戏文件，下载后直接点开运行就可以玩了，文件中README文件为使用说明，请认真查看
chrome小恐龙游戏图片资源
12-10
chrome小恐龙游戏图片资源，对应代码在个人csdn博客中。。。。欢迎大家下载 https://blog.csdn.net/qq_42468130/article/details/88960648#comments
小恐龙无敌代码.txt
08-08
加速、加分、自动操作 chrome://dino可在联网情况下打开小恐龙
谷歌Chrome 最新离线版本 75.0.3770.90（正式版本） （64 位）
06-18
谷歌Chrome 离线版本 73.0.3683.75（正式版本） （64 位） Google Chrome是一款由Google公司开发的网页浏览器，该浏览器基于其他开源软件撰写，包括WebKit，目标是提升稳定性、速度和安全性，并创造出简单且有效率的使用者界面。
chrome-dino-game
05-28
Chrome Dino游戏 数字创新一 BOOTCAMP GFT START_UNI 2021 在这个项目中，挑战是创建恐龙游戏的副本，该恐龙游戏在Chrome中很有名，可以在我们断开连接时娱乐我们。 在该项目中，使用了HTML，CSS和JavaScript，以简单的方式解决了一些Web编程的重要入门概念，例如基本HTML标记，事件处理，使用JavaScriptHTML元素的功能和操纵，样式和基本CSS动画。 执照 此项目已获得MIT许可证的许可-有关详细信息，请参阅文件。
dino-game:Google Chrome恐龙游戏
05-22
恐龙游戏 安德烈·阿尔维斯（AndréAlves）
基于STM32的小游戏——谷歌小恐龙（Chrome Dino Game）
black_sneak的博客
08-16 1万+
基于STM32的小游戏——谷歌小恐龙（Chrome Dino Game），手把手教学实现STM32的小游戏编程（HAL库，文末有代码开源）
破解Chrome浏览器的恐龙游戏
realmels的博客
07-06 1889
前言 前几天，我妈把我的网线拔了。但当时我并没有意识到，还是打开了浏览器，接着弹出了这个界面。 按下空格，就会开始一个恐龙的小游戏，在这里你可以操控恐龙不撞到障碍物 玩了两下这个游戏，想起前两天在短视频平台的评论区里看到的一群所谓“黑客”说写了脚本刷这个游戏。便萌生了破解刷分的念头。 这是我第一次接触这样的案例，我也没有正式学过前端，参照了大佬的文章：https://blog.csdn.net/kexuanxiu1163/article/details/107649933?ops_request_mis
chrome-dino:在p5.js中重新制作Chrome离线恐龙游戏
04-29
在p5.js中重新制作Chrome离线恐龙游戏 在本地运行（字面意思） # install deps $ yarn # start server $ yarn start 执照
一款模仿谷歌浏览器恐龙快跑网站404无法找到该页
03-22
一款红龙赛跑的单页！ 方法:直接替换原本的404.php就可以了。 觉得样式不对的自行修改
dino-run-ce:为 TI-84+CE 复制 Google Chrome 的恐龙游戏
05-29
恐龙快跑 CE 用于 TI-84 Plus CE 图形计算器的 Google Chrome 恐龙游戏的克隆（来自无互联网屏幕）。 安装： 使用 TI-Connect CE（适用于 Windows 和 Mac）或 TiLP（适用于 Linux）将 DINO.8xp 发送到计算器。 还将发送到计算器。 要运行，请从 prgm 菜单中选择 DINO，然后按 Enter。 在较旧的计算器操作系统上，您可能需要打开目录并选择Asm（标记，然后再运行该程序，以便显示文本Asm(prgmDINO 。为避免执行此操作，请更新操作系统或使用Shell这样的程序，例如 在 OS 5.5 上，您将需要使用来运行本机程序。 我为这个过程制作了一个。 控制项： UP 跳跃，DOWN 躲避/下降，进入/第二次重新开始，清除退出。 从源头构建： 最新版本的源代码可以。 要构建，您需要安装。 在此目录中运行m
Vue 实现 Chrome 小恐龙游戏
小陈的博客
06-18 1937
几年前，Google 给 Chrome 浏览器加了一个有趣的彩蛋：如果你在未联网的情况下访问网页，会看到 “Unable to connect to the Internet” 或 “No internet” 的提示，旁边是一只像素恐龙。 许多人可能觉得这只恐龙只是一个可爱的小图标，在断网的时候陪伴用户。但是后来有人按下空格键，小恐龙开始奔跑！ 这只可爱的小恐龙是设计师 Sebastien Gabriel 的作品。他在一次访谈中说，他觉得没有 wifi 的年代就像是史前时代，很多人都已经忘记那个只能在公
python谷歌小恐龙，这还是你断网时的样子嘛~
a55656aq的博客
01-20 6368
导语：???? 谷歌浏览器中有个很有名的彩蛋：当你网络出现问题时，就会出现一个“小恐龙游戏”。???? 相信很多人都玩过 chrome 上提供的恐龙跑跑游戏，在我们断网或者直接在浏览器输入地址“chrome://dino/”都可以进入游戏。 今天我们就来给大家演示下，用Python来自己做一个仿制的“小恐龙游戏”！???? 废话不多说，让我们愉快地开始吧~先给你们看一下运你效果???????????? 正文： 开发工具： Python版本：3.6.4 相关模块： pygame模
Chrome浏览器断网时的小恐龙dino怎么一直玩？
热门推荐
快乐的小小程序猿
07-11 2万+
Chrome浏览器断网时的小恐龙dino怎么一直玩？ Chrome浏览器访问chrome://dino/ 按F12，在控制台输入下面的两行代码，回车。 Runner.instance_.gameOver=function(){} // 用空函数覆盖gameOver，小恐龙不死 Runner.instance_.setSpeed(1000) // 来加个速 鼠标点一下小恐龙，敲一下空格键，小恐龙跑起来 原理详细分析：https://mp.weixin.qq.com/s/laCs7EpKXl
如何玩Chrome的小恐龙游戏
Sycamore_Ma的博客
01-03 1万+
方法一： 打开Chrome浏览器并访问 chrome://dino 方法二： 物理或虚拟断网（拔掉物理网线、断开WIFI连接，或者禁用网卡），游玩过后记得重新打开哦~
Python 自动玩谷歌浏览器“恐龙小游戏”
weixin_50097774的博客
11-15 6522
相信在座的各位小伙伴对Google Chrome浏览器中的一个游戏彩蛋恐龙小游戏(Chrome Dino)不陌生吧。在断开网络连接，我们访问网站的时候，就会出现一个小霸王龙，在我们再按下空格键后，即可开始这个游戏，或者在谷歌浏览器的地址栏输入chrome://dino/, 按下空格键，也可这个开始游戏。 这是一个简单的无限跑步游戏，它会让你跳过仙人掌，并闪避障碍物，游戏控制也很简单，按空格键开始游戏，按空格键或上箭头↑跳跃，向下箭头↓俯身奔跑以躲避鸟类。 有时代码写的无聊时，就是玩一下这个游戏，然后
chrome小恐龙c语言代码
最新发布
06-03
以下是 Chrome 小恐龙游戏的 C 语言实现，可以在控制台中运行： ```c #include <stdio.h> #include <stdlib.h> #include <conio.h> #include <windows.h> #define WIDTH 50 #define HEIGHT 10 int score = 0; int speed = 100; void clrscr() { system("cls"); } void gotoxy(int x, int y) { COORD pos = {x, y}; SetConsoleCursorPosition(GetStdHandle(STD_OUTPUT_HANDLE), pos); } void draw(int x, int y) { gotoxy(x, y); printf("*"); } void erase(int x, int y) { gotoxy(x, y); printf(" "); } void print_score() { gotoxy(WIDTH + 5, 1); printf("Score: %d", score); } void print_speed() { gotoxy(WIDTH + 5, 2); printf("Speed: %d", speed); } int main() { int dino_x = 10; int dino_y = HEIGHT - 2; int obs_x = WIDTH; int obs_y = dino_y; int jump = 0; clrscr(); while (1) { // draw dino draw(dino_x, dino_y); // draw obstacle erase(obs_x, obs_y); if (obs_x == 1) { obs_x = WIDTH; score += 10; if (score % 50 == 0 && speed > 10) { speed -= 10; } } else { draw(obs_x, obs_y); obs_x--; } // print score and speed print_score(); print_speed(); // check collision if (dino_x == obs_x && dino_y == obs_y) { break; } // jump if (_kbhit()) { char c = _getch(); if (c == ' ') { jump = 1; } } if (jump == 1) { dino_y--; } else { if (dino_y < HEIGHT - 2) { dino_y++; } } if (jump == 1 && dino_y == HEIGHT - 5) { jump = 0; } // delay Sleep(speed); } clrscr(); printf("Game Over! Score: %d", score); return 0; } ``` 该代码实现了一个简单的控制台小游戏，玩家需要控制小恐龙躲避障碍物，直到碰到障碍物游戏结束。玩家可以通过空格键使小恐龙跳跃，得分会随着时间的推移而增加，游戏难度也会随之增加。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值