演示

浏览 CRXJS 演示测试项目和贡献者演练场，查看真实的浏览器扩展示例。

CRXJS 示例位于 chrome-extension-tools 仓库中。其中有两类实用资源：

演示测试项目

如果你想查看可正常运行的实现，可以从以下项目开始：

演示	演示内容
React 内容脚本	使用 Manifest V3 内容脚本注入 React 应用。
React 扩展页面	构建在 manifest 中声明的 React 扩展页面。
React 新标签页	使用 React 应用替换浏览器的新标签页。
Vue 页面	使用 Vue 构建扩展页面。
Vue 内容脚本	通过内容脚本注入 Vue 应用。
Svelte 页面	使用 Svelte 构建扩展页面。
Svelte 内容脚本	通过内容脚本注入 Svelte 应用。
动态内容脚本	注册动态内容脚本并对其进行热更新。
使用 ESM 的消息传递	在 ESM 输出中使用扩展消息传递。
Web 可访问资源	让 CRXJS 为导入的公开资源生成 manifest 条目。

浏览完整的 e2e 测试项目目录，可以查看更多针对特定场景的示例，包括 HMR、实时重载、沙箱页面、iframe 处理、CSS 注入以及 Manifest V3 边界情况。

演练场专为贡献者和插件开发者维护。在 chrome-extension-tools 仓库根目录中，运行对应的 pnpm play:* 脚本即可在本地启动项目。

本页目录