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

wwwarewow

已于 2022-05-12 09:25:21 修改

阅读量9.5k

点赞数 3

分类专栏： chrome 文章标签： chrome 前端 html5

于 2022-05-12 09:21:48 首次发布

本文链接：https://blog.csdn.net/JSPSEO/article/details/124704029

版权

本文是关于创建谷歌Chrome插件的入门教程，教你如何制作一个每60秒自动刷新页面的插件。核心代码涉及manifest.json配置文件，设定匹配规则为百度首页，以及bg.js脚本实现定时刷新功能。通过这个教程，你可以了解Chrome插件的基本运行机制，并学会创建自定义插件。

摘要由CSDN通过智能技术生成

学习自己写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