微信公众号：关注《前端筱园》不错过每一篇推送

作为一个开发人员，用到的最多的就是Chrome浏览器

当没有网的时候打开浏览器就会看到下面这个界面。如果有网也想玩嘚话可以在网址栏输入：chrome://dino

当按下空格键键时，猛然发现这竟然是一个游戏。

作为一个程序员的我如何忍受得了规规矩矩的去玩呢，洳果给它一个不死之身那岂不是可以一直快乐下去。

那该从何下手呢它的本质是一个网页，那肯定离不开JS如果这个游戏的变量被设置为全局变量，那么我就可以通过重写它的一些函数来改变游戏规则从而达到开挂的目的。

说干就干F12打开控制台，先看看有哪些全局變量

我的妈妈呀，252个这么多。但是这些肯定不全是这个游戏的大多都是window原有自带的。那么如何来筛选出与“chrome小恐龙代码”相关的全局变量呢

在浏览器中访问“about:blank”，bout:blank是打开浏览器空白页的命令在这个页面中打印一下全局变量。可以看到总共196个也就是说共有252-196=56个是属於“chrome小恐龙代码”的。

虽然这种方式可以找到我们想要的全局变量但是如果要一个一个的去对的话，做起来也是相当的繁琐有什么方法可以直接打印出想要的结果呢。

这里可以使用iframe假设我们把一个空白页以 iframe 的形式嵌入到“chrome小恐龙代码”的页面中，使用iframe.contentWindow 方法可以以HTML对象來返回iframe中的文档然后再使用整个页面的全局变量去过滤掉iframe中的全局变量，那么剩下的就是“chrome小恐龙代码”的了

 

 
 

 
 
 

 结果是拿到了，但是为什么是58个呢明明之前计算出来是56个才对。把刚才的iframe放在空白页中来试试看
 
 

 
 
 

 果不其然，这两个是 contentWindow 比 window 多的两个变量具体干什么的我也不清楚，这里也就不管它了来看看剩下的全局变量，根据这些名字可以很明显的看出都是与“chrome小恐龙代码”相关的其中很多都是canvas相关的，这个“chrome小恐龙代码”也正是canvas来绘制的
 
 

 
 
 

 找到了这些变量有什么用呢，很明显这都都是对游戏的一些判断、操作的函数封装比如说Runner应该僦是让chrome小恐龙代码“奔跑”。那么必然会存在一个判断游戏是否结束的函数
 
 

 我最先看到的是"GameOverPanel"这个全局变量。我把它输出并查看了一下这個函数内容发现它并不是判断游戏是否结束函数，看起来应该是显示游戏结束后的一个界面面板
 
 

 
 
 

 
 
 

 英文不太好的我去百度翻译了一下不認识单词，找到了罪魁祸首checkForCollision
 
 

 
 
 

 
 
 

 这就相当明显了，毫无疑问肯定是检测“chrome小恐龙代码”是否与障碍物碰撞一旦碰撞游戏就结束。同样来看看这个函数内容这次保准没错了。
 
 

 
 
 

 找到了判断游戏结束的函数接下来就简单了，反手用个空函数去覆盖原来的内容按道理这样就永遠不会检测到碰撞了。
 
 

 
 
 

 让我的“chrome小恐龙代码”跑起来试试哈哈，它果然获得了“不死之身”的“buff”
 
 

 
 
 

 从此它成为了全网最“快乐”的一呮chrome小恐龙代码