谷歌浏览器chrome插件系列(一):定时刷新
学习自己写插件,会让你的工作事半功倍。
先写个入门教程,核心代码很简单,主要是介绍谷歌浏览器插件到底是怎么运行的。
这次的例子是:每隔60秒刷新当前的bai'du
开始:
找一个你看着顺眼的文件夹,创建项目用的文件夹,比如叫
路径像这样 F:\\
文件清单:
imgs\icon.png
js\bg.js
.json
.json内容:
{"name": "Refresh","version": "1.0.1","manifest_version": 3,"description": "定时刷新当前页面","permissions": ["contextMenus","activeTab"],"content_scripts": [{"matches": ["https://www.baidu.com/*"],"js": ["js/bg.js"]}],"icons": {"16": "imgs/icon.png","32": "imgs/icon.png","48": "imgs/icon.png","128": "imgs/icon.png"}
}
注意:"": ["*"]
接受一个数组,可以设置多个网址,根据情况,自行修改。
bg.js内容:60秒刷新一次
document.onreadystatechange = () => {if (document.readyState === 'complete') {setTimeout(function(){window.location.reload();}, 1000 * 60); //60秒刷新一次}
};
imgs文件夹放一个icon.png图片。
这样一个定时刷新的插件就完成了。
记得,不需要的时候,要把插件的状态关闭了。
如果不会怎么使用自定义插件的,可以参照谷歌浏览器 自己写的插件使用教程的博客-CSDN博客
相关代码:
谷歌浏览器插件定时刷新-文档类资源-CSDN下载
tags:
谷歌