AddFox - 面向现代开发者和 AI 的浏览器插件开发框架

因为我之前经常开发浏览器插件，所以各式各样的开发方式都尝试过，包括现在最主流的 WXT ，以及之前的 Plasmo 等，他们都是很优秀的开源方案，但是我觉得用着还是不太顺手，于是春节期间基于 Rsbuild 写了一套按照我自己经验和习惯认为最适合开发浏览器插件的方式，最近刚发布，取名叫 AddFox （ Addon + Fox ），这个名字其实是因为其他名字(比如 addmo/extenzo 等)NPM 都提示有相近的包了..

👉 https://addfox.dev

👉 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
• 正在根据真实使用场景持续迭代

如果你曾觉得现有插件框架有所限制，或者只是想试试另一个方案，可以试试

也很希望听听你和现有工具对比后的体验 🙌