Chrome定时模拟点击扩展程序

image.png

刚好想抢购一样商品,但是找不到抢购软件,或者说自己开发一个软件?不会,只能考虑写一个脚本玩玩了.....
这篇文章也是我第一次写,就当我的学习总结吧,所以写得不好还请见谅.

js代码调试

1.打开需要模拟点击的网页,右击点检查打开开发者工具

image.png

2.使用开发者工具中的元素查看,选择需要模拟点击的元素(左红点点击选择需要模拟点击的按钮)

image.png

3.获取到按钮的class后在调试器中的Console中进行调试,确保在当前网页中只有这一个class元素

image.png

4.模拟点击,写入测试,看按钮有没有被触发

document.getElementsByClassName("tuijianChange g-icon-change")[0].click();

5.然后写一个程序玩玩,每1000毫秒(1秒点击一次)

setInterval(function (){
    document.getElementsByClassName("tuijianChange g-icon-change")[0].click();
},1000);

效果如下:

模拟点击2.gif

6.打成Chrome扩展包(icon.png是图标,去阿里图标库找一个就行)

image.png image.png image.png

{  
  "name": "MyTaskList",  
  "manifest_version": 2,
  "version": "1.0",
  "description": "sky18的第一个chrome扩展程序",  
  "browser_action": {  
    "default_icon": "icon.png"
  },
  "content_scripts": [
    {
        "matches": ["https://www.hao123.com/"],
        "js": ["content.js"]
    }
  ]
}

7.打开Chrome的扩展程序

image.png

8.点击开发者模式,然后加载

image.png

9.成功

image.png image.png

提供一些我感觉不错的关于Chrome的扩展程序的教程和文章给大家
1.【干货】Chrome插件(扩展)开发全攻略
2.实战｜抢购脚本编写
3.360官方关于扩展程序的开发文档