一个最基本 chrome 扩展插件开发的目录结构

13 min read

Chrome 扩展插件的基本目录结构通常如下：

/my-extension
  ├── manifest.json
  ├── background.js
  ├── popup.html
  └── popup.js

其中，manifest.json 是 Chrome 扩展的配置文件，它告诉 Chrome 扩展的基本信息以及它将如何与 Chrome 浏览器交互。以下是一个基本的 manifest.json 文件的内容，符合 Chrome 扩展 Manifest V3 的要求：

{
  "manifest_version": 3,
  "name": "My Extension",
  "version": "1.0",

  "action": {
    "default_popup": "popup.html",
    "default_icon": {
      "16": "images/icon16.png",
      "48": "images/icon48.png",
      "128": "images/icon128.png"
    }
  },

  "background": {
    "service_worker": "background.js"
  },

  "permissions": [
    "activeTab",
    "storage"
  ]
}

在这个 manifest.json 文件中：

  • manifest_version 指定了 Manifest 的版本号，V3 版本需要设置为 3。
  • name 和 version 分别代表了你的扩展的名称和版本。
  • action 中的 default_popup 指定了当用户点击你的扩展图标时显示的 HTML 文件，default_icon 指定了不同尺寸下的扩展图标。
  • background 中的 service_worker 指定了后台的 JavaScript 文件，用于执行后台任务。
  • permissions 指定了你的扩展需要的权限。

这是一个最基本的 Chrome 扩展结构和配置文件。你可以根据自己的需要添加更多的配置，如 content_scripts、options_page 等，以满足你的扩展的功能需求。

注意，上述示例中的 "images/icon16.png", "images/icon48.png", "images/icon128.png" 和 "background.js" 等文件应该存在于你的扩展文件夹中，否则扩展将无法正常工作。