谷歌浏览器chrome插件系列（一）：定时刷新

学习自己写chrome插件，会让你的工作事半功倍。

先写个入门教程，核心代码很简单，主要是介绍谷歌浏览器插件到底是怎么运行的。

这次的例子是：每隔60秒刷新当前的bai'du

开始：

找一个你看着顺眼的文件夹，创建项目用的文件夹，比如叫 Refresh

路径像这样 F:\chrome_plugin\refresh

文件清单：

imgs\icon.png

js\bg.js

manifest.json

manifrest.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"}
}

注意："matches": ["https://www.baidu.com/*"] 

matches接受一个数组，可以设置多个网址，根据情况，自行修改。

bg.js内容：60秒刷新一次

document.onreadystatechange = () => {if (document.readyState === 'complete') {setTimeout(function(){window.location.reload();}, 1000 * 60); //60秒刷新一次}
};

imgs文件夹放一个icon.png图片。

这样一个定时刷新的插件就完成了。

记得，不需要的时候，要把插件的状态关闭了。

如果不会怎么使用自定义插件的，可以参照 谷歌浏览器chrome 自己写的插件使用教程_wwwarewow的博客-CSDN博客

相关代码：

谷歌浏览器chrome插件定时刷新-Javascript文档类资源-CSDN下载 

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！