Chrome对于每个页面自动执行js(chrome拓展开发)

发布于 / JavaScript / Comments Off on Chrome对于每个页面自动执行js(chrome拓展开发)

打开 chrome://extensions/ ,进入拓展管理,选中开发者模式。

blob.png

接着新建一个文件夹,新建一个文件,名为 manifest.json,输入下面代码:

{
  "name": "YourExtName",
  "manifest_version": 2,
  "version": "0.0.2",
  "description": "YourDescription",
  "browser_action": {
    "default_icon": "icon.png"
  },
  "content_scripts": [
    {
      "matches": ["http://*/*", "https://*/*"],
      "js": ["script.js"]
    }
  ]
}

注意,content_script字段里面的matches字段表示访问哪些url执行脚本,使用正则表达式的格式,上面的http://*/*表示匹配所有http网页。

接着随便找个图片,命名为icon.png,丢到和manifest.json同一个文件夹。

接着新建一个script.js,里面放入你要运行的代码,例如页面停留120s后自动刷新:

console.log("Ext loaded!");
var auto_surf_timeout = 120;
window.setInterval(function(){
    console.clear();
    if(auto_surf_timeout <= 0)
      location.reload();
    else console.log("remain " + auto_surf_timeout-- + " s to reload.");
  },1000);

接着在chrome中点击“加载已解压的拓展程序”

blob.png

选中刚刚新建的文件夹,确定,可以看到,成功导入了一个拓展。

随便访问几个页面看看,是不是js成功被执行了~

转载原创文章请注明,转载自: 斐斐のBlog » Chrome对于每个页面自动执行js(chrome拓展开发)
评论已关闭