讲一讲这几天一群朋友玩的考察眼神小游戏

首先，我们为了方便做事情，就把文件保存到本地双击index.html即可打开

开始游戏后在正方形点击右键检查元素

可以看到一共有四个格子相对应四个RGB（RGB色彩模式是工业界的一种颜色标准，是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的，RGB即是代表红、绿、蓝三个通道的颜色）

，其中一个RGB颜色不同，找到不同颜色的一个正方形即可下一关，

可以看到lv3了，等级会随着通关次数提升而提升，想对应正方形也会越多，难度也就越高

这游戏很简单不烧脑，玩玩

测测你的眼力对于色差的辨识度，是在rgb颜色的更换和正方形越来越多来提升玩点，当rgb颜色几乎接近的就很难找到不同的正方形，当然游戏结束后的描绘也让人想再玩多几把。比如说"基本上是瞎子！","相当于鼴鼠的视力！","可以去“最强大脑”了","对色差具有超凡的能力！作弊？？"等等啥的。

接下来就是作弊时间，正常玩家到20关，30关就没了，甚至4，50关什么的，

那想上百关的话，那就要用点小方法什么的了。

用Chrome扩展写个js加载进去

新建个文件夹里面包含两个文件

manifest.json:
{"name": "attack H5","version": "1.0","description": "How to enjoy a H5 game","content_scripts": [{"matches" : ["<all_urls>"],"js": ["script.js"]}],"permissions": ["tabs", "<all_urls>", "activeTab"],"manifest_version": 2}

script.js:
window.onload = function () {
console.log("点击开始测试-------");
var play = document.getElementsByClassName('btn play-btn');
play[0].click();
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点击，进入下一关

打开chrom在设置》扩展程序》加载已解压的扩展程序，把新建的文件夹加载进去，启用它

打开游戏界面即可自动通关