50行代码写的一个插件，破解一个H5小游戏

小游戏链接：测测你的眼睛对色差的辨识度http://www.webhek.com/post/color-test.html?from=timeline

废话不多说，先放代码：

window.onload = function () {console.log("点击开始测试-------");//点击开始按钮var play = document.getElementsByClassName('play-btn');play[0].click();//获取画布盒子// sleep(1);var box = document.getElementById('box');var num = box.children.length;console.log('共有'+ num + '个字元素');//把第一个元素定义为基础色var color = [];var basecolor = box.children[0].style.backgroundColor;console.log(basecolor);//循环function clickButton() {console.log('下一关');box = document.getElementById('box');num = box.children.length;color = [];basecolor = box.children[0].style.backgroundColor;// console.log('进入下一关');for (var i = 1; i < num ; i++) {color[i] = box.children[i].style.backgroundColor;}for (var i = num-1; i >0 ; i--) {if (color[i]!=basecolor && color[i-1] ==basecolor) {box.children[i].click();console.log("点击第"+(i+1)+'个元素');} else if (color[i]!=basecolor && color[i-1] !=basecolor) {box.children[0].click();console.log("点击第"+1+'个元素');}}}setInterval(clickButton,300);}

游戏界面：

思路都在代码里了，就是取到全部的色块元素，拿CSS对比，找到不一样那个，JS点击，进入下一关。当然，代码写的很粗糙，还有改进的空间。轻喷。

说一下流程：

首先呢，我们要把JS代码注入到游戏页面中，这个我是通过把代码打包成浏览器插件实现的。我做的谷歌浏览器的插件，当然你也可以做360的，火狐的，等等。

具体不同浏览器的插件的方法，你可以通过百度，在CSDN上找到对应的文章。

如果有人想试一下的话，可以下载这个谷歌浏览器的插件：

链接: https://pan.baidu.com/s/1yASkGKcrz1pPt0vY6gxqeg 提取码: jvcu

插件安装方法：

解压文件到一个好找的文件夹，然后谷歌浏览器-》设置-》更多工具-》拓展程序-》开发者模式打开-》加载已解压的插件。

插件使用：

打开游戏界面，，插件就会自动运行，如果出问题的话，就多刷新几次。

放在最后：

体验几次之后就把插件移除吧，代码写的不完善，插件会在每个页面都运行，而JS里有一个定时器，因而可能会拖累浏览器的速度。

50行代码写的一个插件，破解一个H5小游戏相关推荐

50行代码，让你制作出一个好玩的石头剪刀布（人机对战）
今天,用c++制作一个好玩的石头剪刀布玩玩(需要在dev-c++编译并运行,运行前关闭360,因为会误报) 首先,先写上c++大部分程序的标配 #include <iostream> #i ...
用 50 行代码写个听小说的爬虫
文 | 某某白米饭来源:Python 技术「ID: pythonall」在路上发现好多人都喜欢用耳机听小说,同事居然可以一整天的带着一只耳机听小说.小编表示非常的震惊.今天就用 Python 下载 ...
用 50 行代码写个听小说的爬虫，以后洗澡也可以听小说了
在路上发现好多人都喜欢用耳机听小说,同事居然可以一整天的带着一只耳机听小说.小编表示非常的震惊.今天就用 Python 下载听小说 tingchina.com 的音频. 书名和章节列表随机点开一本书 ...
不到50行代码，HTML+CSS+JS创建一个简单的色轮
简单,其实就是调库! 文档在这里 Get Started | iro.js 我也写了一个简单的样例在下面可以参考一下
[教你做小游戏] 用86行代码写一个联机五子棋WebSocket后端
我是HullQin,公众号线下聚会游戏的作者(欢迎关注公众号,发送加微信,交个朋友),转发本文前需获得作者HullQin授权.我独立开发了<联机桌游合集>,是个网页,可以很方便的跟朋友联机 ...
如何用50行代码构建情感分类器
选自Toward Data Science,作者:Rohith Gandhi,机器之心编译. 本文介绍了如何构建情感分类器,从介绍自然语言处理开始,一步一步讲述构建过程. 自然语言处理简介语言把人类 ...
python跑酷游戏源码_HTML5游戏实战(1)：50行代码实现正面跑酷游戏
前段时间看到一个"熊来了"的HTML5跑酷游戏,它是一个典型的正面2D跑酷游戏,这里借用它来介绍一下用Gamebuilder+CanTK开发正面跑酷游戏的基本方法. CanTK(C ...
python爬虫实战：利用scrapy，短短50行代码下载整站短视频
近日,有朋友向我求助一件小事儿,他在一个短视频app上看到一个好玩儿的段子,想下载下来,可死活找不到下载的方法.这忙我得帮,少不得就抓包分析了一下这个app,找到了视频的下载链接,帮他解决了这个小问题 ...
直击面试现场：神级程序员仅100秒，60行代码写出俄罗斯方块，成为全公司焦点！...
小编我今天逛论坛看到一位HR帖子直播公司面试情况,该公司是做棋牌APP的,现在正在招聘前端工程师和运营人员,HR直播的是前端这块的,有写游戏的也有做网站项目的,写特效的都有很多,但是这位HR却看上了一 ...

50行代码写的一个插件，破解一个H5小游戏

50行代码写的一个插件，破解一个H5小游戏相关推荐

最新文章

热门文章