开发Chrome/Edge插件(也称为扩展程序)是一个相对直接的过程,因为这两种浏览器都基于Chromium内核,插件开发方式基本一致。下面是一个详细的开发指南:
一、插件基本结构
一个简单的Chrome/Edge插件至少包含以下文件:
manifest.json
- 插件的配置文件(必需)- 功能实现文件(HTML/CSS/JavaScript等)
二、核心文件:manifest.json
这是插件的入口配置文件,最新推荐使用V3版本(V2已逐步淘汰)。以下是一个基础的V3版本配置:
{
"manifest_version": 3,
"name": "我的第一个插件",
"version": "1.0",
"description": "一个简单的Chrome/Edge插件示例",
"icons": {
"16": "icons/icon16.png",
"48": "icons/icon48.png",
"128": "icons/icon128.png"
},
"action": {
"default_popup": "popup.html",
"default_icon": "icons/icon16.png"
},
"permissions": ["storage"]
}
主要字段说明:
manifest_version
: 版本号(必须为3)name
/version