这是一个创建于 32 天前的主题，其中的信息可能已经有所发展或是发生改变。
AddFox - 面向现代开发者和 AI 的浏览器插件开发框架
因为我之前经常开发浏览器插件，所以各式各样的开发方式都尝试过，包括现在最主流的 WXT ，以及之前的 Plasmo 等，他们都是很优秀的开源方案，但是我觉得用着还是不太顺手，于是春节期间基于 Rsbuild 写了一套按照我自己经验和习惯认为最适合开发浏览器插件的方式，最近刚发布，取名叫 AddFox （ Addon + Fox ），这个名字其实是因为其他名字(比如 addmo/extenzo 等)NPM 都提示有相近的包了..
GitHub: https://github.com/addfox/addfox
npm: https://www.npmjs.com/package/addfox
如果你最近做过浏览器插件开发，大概率用过像 WXT 或 Plasmo 这样的工具。 它们确实推动了整个生态的发展 更好的开发体验、更快的构建速度、更少的样板代码。
但我做了一个不太一样的东西：Addfox （ Addon + Fox ）。 目标是：为开发者和 AI 构建更好的插件开发体验。
什么是 Addfox ？
Addfox 是一个基于 Rsbuild / Rstack 构建的浏览器插件开发框架。
它的特点包括：
- 基于 Rust 的构建性能
- 丰富的浏览器支持：几乎支持默认自动启动所有基于 Chromium 的浏览器
- Content UI 支持：内置 createContentUI 方法，方便集成 Iframe 、Shadow DOM 和原生内容
- 框架无关：支持 Vanilla 、Vue 、React 、Preact 、Svelte 、Solid 等
- 构建即打包：构建时自动输出插件 zip 包
- 内置支持 Rstest 和 Rsdoctor, 快速完成单元测试，e2e 测试和分析报告
- 终端错误输出（--debug ）：无需打开浏览器 DevTools ，就能捕获所有插件错误，并可直接在终端或编辑器中交给 AI 处理
- 提供 Agent Skills
- 自动生成 llms.txt 和 Markdown 元数据供 AI 使用
- 更多功能请访问官网
当前状态
- 已发布 Beta 版本
- 核心工作流基本稳定
- 暂不支持 Safari
- 正在根据真实使用场景持续迭代
如果你曾觉得现有插件框架有所限制，或者只是想试试另一个方案，可以试试
也很希望听听你和现有工具对比后的体验
 | 1 Gomi OP 顺带说一句，写代码的部分肯定主要是 AI 完成的啦，毕竟现在手搓代码的话，我相信大部分人都比不过 AI 了，AI 写的代码其实更可靠（前提是加上测试标准，进行回归验证）。其次是 coed review/代码结构/文件结构/单元测试/e2e 测试等环节，必须要不停和 AI 配合，最终打磨出一个高质量的项目 |
Select Language