谷歌浏览器中定时触发指定按钮功能，实现自动点击

图书部落格 04-20 301

前言：

而今你们对“jquery点击按钮跳转页面”大致比较着重，朋友们都需要学习一些“jquery点击按钮跳转页面”的相关内容。那么小编也在网上网罗了一些有关“jquery点击按钮跳转页面””的相关知识，希望大家能喜欢，咱们快快来学习一下吧！

在别家网站上执行自己的js代码（谷歌浏览器）（谷歌扩展程序）

日前针对一家投标网站进行了程序干预，且一定程度的干预成功，把方法给大家提取分享出来，无需再人工干预去点击查询、关闭等操作，由手动转为自动化执行，节省很多时间；

测试网站，本次以cacti监控网页中，提交静音按钮为例子：

cacti监控页面

解决方案：

1，新建记事本改名改后缀为manifest.json如下，保存为utf-8格式，否则谷歌加载插件失败（由于乱码）

2，新建cacti_bount.js（utf-8格式），内容如下

3，把上述所有内容放在同一文件夹，展示如下

4, 打开谷歌扩展程序，打开开发者模式——加载已解压的扩展程序

一、manifest.json

{  "manifest_version": 3,//使用的版本  "name": "cacti_语音触发插件",//插件的名称  "description": "解决cacti语音控制按钮挂死",//插件的描述  "version": "1.0",//插件本身的版本号   "icons": {    "128" : "cacti.png"//插件显示在的图标  },  "host_permissions": [	";,	"*://*/*"	],  "content_scripts": [    {    "js":[//指定在Web页面内运行的javascript脚本    "jquery-1.9.1.min.js",    "cacti_bount.js"    ],    "matches":["*"]//在哪些页面注入Content scripts   }  ]}

二、cacti_bount.js

$(function(){     setTimeout(function(){        //$("#sound").click()        var evt = document.createEvent("MouseEvents");        evt.initEvent("click", true, true);		// su  表示网页中中此按钮的元素名称，按F12即可获取到        document.getElementById("sound").dispatchEvent(evt);    }, 4000);  //4000毫秒，表示浏览器刷新4秒后执行});

三、所有文件展示如下：

截图

提示：cacti.pang 可以自行下载图片，与json文件中manifest.json指定的名称一致即可

jquery-1.9.1.min.js 是一个兼容多浏览器的javascript库，需要下载留言私信我（免费）

四、加载已解压的扩展程序到谷歌浏览器

打开谷歌浏览器扩展

打开开发者模式，这样才可以添加浏览器插件

选择插件文件即可

选择插件所在文件位置

谷歌浏览器插件添加完毕

五、测试

新建窗口或选项卡或刷新打开，每隔4秒会自动点击“静音”