1.使用之前建议先看下官网:
https://developer.chrome.com/docs/extensions/get-started?hl=zh-cn
2. 框架
(1) WXT Next-gen Web Extension Framework
WXT是一个免费的开源框架,用于以传统、直观和安全的方式为所有浏览器构建web扩展。
WXT基于next,旨在通过TypeScript、自动导入和固执己见的项目结构提供同样出色的DX。
(2) plasmo
Plasmo 框架是一款黑客为黑客打造的功能强大的浏览器扩展程序软件开发工具包(SDK)。使用 Plasmo 来构建你的浏览器扩展程序,不需要操心扩展的配置文件和构建时的一些奇怪特性。
特性:
一流的 React + Typescript 支持
声明式开发(自动生成 manifest.json)
将UI组件渲染到网页
扩展内置页面
扩展热重载 + React 模块热更新
.env* 文件在这里插入代码片
扩展储存 API
扩展通信 API
远程代码打包 (例如 Google Analytics)
支持多个浏览器和manifest版本
通过BPP进行自动部署
可选 Svelte 或 Vue 进行开发