码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-12-11 11:29:58      阅读:1216      评论:0      收藏:0      [点我收藏+]

标签:UNC   web页面   com   windows   desc   tab   src   保存   图片   

@参考文章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代码(谷歌浏览器)(谷歌扩展程序)

标签:UNC   web页面   com   windows   desc   tab   src   保存   图片   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!