分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

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

发布时间:2023-09-06 02:25责任编辑:彭小芳关键词:js浏览器

@参考文章1  @参考文章2

日前针对一家投标网站进行了程序干预,且一定程度的干预成功,把方法给大家提取分享出来,感谢上述两篇博文

测试网站:百度https://www.baidu.com/

测试步骤:

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

2,新建baidu-yanan7890.js(utf-8格式),内容如下

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

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

manifest.json

{ ?"manifest_version": 2,//使用的版本 ?"name": "百度插件",//插件的名称 ?"description": "yanan针对百度的学习测试程序",//插件的描述 ?"version": "1.0",//插件本身的版本号 ?"icons": { ???"128" : "icon.png"//插件显示在的图标 ?}, ?"permissions": [ ???"tabs", "http://*/*","https://*/*"//插件使用的权限,tabs允许使用chrome.tabs和chrome.windows的api,后面则是匹配模式,指可以和该模式的网站运行的代码进行交互。 ?], ?"content_scripts": [ ???{ ???"js":[//指定在Web页面内运行的javascript脚本 ???"jquery-1.9.1.min.js", ???"baidu-yanan7890.js" ???], ???"matches":["https://www.baidu.com/*"]//在哪些页面注入Content scripts ??} ?]}//技术交流http://www.cnblogs.com/yanan7890
View Code

baidu-yanan7890.js

$(function(){ ???????????setTimeout(function(){ ???????//$("#su").click() ???????var evt = document.createEvent("MouseEvents"); ?????????evt.initEvent("click", true, true); ?????????document.getElementById("su").dispatchEvent(evt); ?????}, 4000);});
View Code

 加载成功后如下

5,测试,新建窗口或选项卡或刷新打开https://www.baidu.com/,每隔4秒会自动点击“百度一下”,证明插件成功

6,停止插件。没有其它插件的话可以停用开发者模式,有 的话可以关闭或删除该插件

上述步骤能完成一般的需求,但我还不太满意,感觉还有优化空间,比如指定多个页面及对应的js,以后有时间研究出来后再行补充

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

原文地址:https://www.cnblogs.com/yanan7890/p/10100430.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved