开源项目教程：Metersphere Chrome 扩展

鲍凯印Fox

于 2024-08-08 07:35:38 发布

阅读量954

点赞数 20

本文链接：https://blog.youkuaiyun.com/gitblog_00077/article/details/141009913

版权

开源项目教程：Metersphere Chrome 扩展

chrome-extensionsMeterSphere 录制浏览器请求的插件，记录浏览器中的网络请求并导出为 JMeter 或 JSON 格式的文件项目地址:https://gitcode.com/gh_mirrors/chr/chrome-extensions

1. 项目的目录结构及介绍

chrome-extensions/
├── assets/
│   ├── icons/
│   └── images/
├── src/
│   ├── background/
│   ├── content/
│   ├── options/
│   └── popup/
├── manifest.json
├── README.md
└── package.json

assets/: 存放扩展所需的静态资源，如图标和图片。
- icons/: 存放扩展的图标文件。
- images/: 存放扩展使用的其他图片资源。
src/: 存放扩展的主要代码文件。
- background/: 存放后台脚本文件。
- content/: 存放内容脚本文件。
- options/: 存放选项页面的代码文件。
- popup/: 存放弹出页面的代码文件。
manifest.json: 扩展的配置文件，定义了扩展的基本信息和权限。
README.md: 项目的说明文档。
package.json: 项目的依赖管理文件。

2. 项目的启动文件介绍

background/index.js: 后台脚本文件，负责处理扩展的后台逻辑。
content/index.js: 内容脚本文件，注入到网页中执行特定任务。
options/index.js: 选项页面脚本文件，处理用户自定义设置。
popup/index.js: 弹出页面脚本文件，处理用户与扩展的交互。

3. 项目的配置文件介绍

manifest.json: 该文件是Chrome扩展的核心配置文件，包含以下关键部分：
- manifest_version: 指定清单文件的版本，通常为2或3。
- name: 扩展的名称。
- version: 扩展的版本号。
- description: 扩展的描述。
- icons: 扩展的图标路径。
- permissions: 扩展所需的权限列表。
- background: 后台脚本的配置。
- content_scripts: 内容脚本的配置。
- browser_action 或 page_action: 定义扩展的浏览器动作或页面动作。
- options_ui: 选项页面的配置。
- web_accessible_resources: 可访问的网络资源列表。