1.简述

  Chrome插件没有严格的项目结构要求，只要保证本目录有一个manifest.json即可。一个简单的插件目录如下所示：

  它由一个配置文件manifest.json，一个背景界面background.html，一个弹出界面popup.html和一个选项界面options.html组成，其中最为关键的是配置文件，源代码如下所示：

{
  "manifest_version": 2,
  "name": "股票信息",
  "version": "1.0.0",
  "description": "股票信息",
  "background":
  {
     //背景页面
    "page": "background.html"
  },
  "browser_action":
  {
    "default_icon": "img/app.png",
    "default_title": "股票信息",
    //弹出页面
    "default_popup": "popup.html"
  },
  "content_scripts":
  [
    {
      "matches": ["<all_urls>"],
      "js": ["js/jquery-3.6.0.min.js"],
      "run_at": "document_start"
    }
  ],
  "permissions":
  [
    "contextMenus",
    "tabs",
    "notifications",
    "webRequest",
    "webRequestBlocking",
    "storage",
    "http://*/*",
    "https://*/*"
  ],
  "homepage_url": "https://www.zhiliaos.com"
}

2.弹出界面

  在浏览器的上端图标点击弹出的按钮，如下图所示：

3.背景界面

  显示关键信息界面，如下图所示：

4.插件安装

  打开界面，如下图所示：

  打开开发者模式，选择加载插件，如果修改了插件，点击重载按钮更新，如下图所示：

5.调试

  打开对应页面，按普通页面模式进行调试，如下图所示：

6.打包

  选择打包扩展程序，选择对应的扩展文件夹进行打包，如下图所示：

7.作者答疑

  有疑问，请留言。