MVP 实战
Chrome 扩展：最快的变现路径之一
从零开始做一个 Chrome 扩展，发布到 Chrome Web Store，开始赚钱
30 秒判断：这个教程适合你吗？
| 适合谁 | 想做小而美的工具产品、想快速变现的独立开发者 |
| 不适合谁 | 想做大型平台或社交产品的人 |
| 你会得到 | 一个能在 Chrome 浏览器里运行的扩展，可以发布到 Chrome Web Store |
| 时间成本 | 1-3 小时 |
| 前置条件 | Chrome 浏览器、任意代码编辑器 |
为什么 Chrome 扩展是 MVP 的好选择？
说几个真实数据：
- Chrome 全球市场份额 65%+，用户基数巨大
- Chrome Web Store 注册费只要 $5 一次性（对比 Apple $99/年）
- 审核周期通常 1-3 天，比 App Store 快得多
- 可以直接收费，也可以用订阅模式
- 很多月入几千到几万美元的独立产品就是 Chrome 扩展
而且 Chrome 扩展的技术栈就是 HTML + CSS + JavaScript，AI 生成的代码质量非常高。
第一步：创建项目结构（10 分钟）
创建一个文件夹，用 Cursor 或 Windsurf 打开，让 AI 生成基础结构：
帮我创建一个 Chrome 扩展的基础项目结构。
功能描述：[你的扩展要做什么]
需要的文件：
1. manifest.json - 扩展配置文件（使用 Manifest V3）
2. popup.html + popup.js - 点击扩展图标弹出的页面
3. content.js - 注入到网页中的脚本（如果需要修改网页内容）
4. background.js - 后台 Service Worker
5. styles.css - 样式文件
要求：
- 使用 Manifest V3（V2 已经不让新提交了）
- 权限声明最小化，只申请必要的权限第二步：理解核心文件（5 分钟）
Chrome 扩展就这几个关键部分：
| 文件 | 作用 | 什么时候需要 |
|---|---|---|
| manifest.json | 扩展的"身份证"，声明名称、权限、文件 | 必须有 |
| popup.html/js | 点击扩展图标弹出的小窗口 | 大部分扩展需要 |
| content.js | 注入到用户浏览的网页里，可以读取和修改网页内容 | 需要和网页交互时 |
| background.js | 后台运行的 Service Worker，处理事件和长期任务 | 需要监听浏览器事件时 |
一个最简单的扩展只需要 manifest.json + popup.html 就能跑。
第三步：用 AI 实现核心功能（30-60 分钟）
根据你的扩展类型，和 AI 对话实现功能：
在现有 Chrome 扩展项目基础上，帮我实现核心功能：
[详细描述你的功能需求]
技术要求：
- Manifest V3
- 用 chrome.storage.local 存储用户数据
- 如果需要跨页面通信，用 chrome.runtime.sendMessage
- popup 页面宽度不超过 400px，高度不超过 600pxAI 写 Chrome 扩展常见的坑：
- 用了 Manifest V2 的 API：比如
chrome.browserAction应该改成chrome.action - background.js 用了持久化模式：V3 里 background 是 Service Worker，不能用
window对象 - 权限过多：AI 喜欢一股脑申请所有权限，审核时会被质疑。只保留真正需要的
第四步：本地测试（5 分钟）
- 打开 Chrome，地址栏输入
chrome://extensions/ - 打开右上角的"开发者模式"
- 点击"加载已解压的扩展程序"
- 选择你的项目文件夹
- 扩展就装好了，在工具栏能看到图标
每次修改代码后，回到 chrome://extensions/ 点击扩展卡片上的刷新按钮就能看到更新。
第五步：发布到 Chrome Web Store（30 分钟）
- 打开 Chrome Web Store Developer Dashboard
- 注册开发者账号，支付 $5 一次性注册费
- 准备素材：
- 扩展图标：128x128 PNG
- 商店截图：至少 1 张，1280x800 或 640x400
- 简短描述（132 字符内）和详细描述
- 把项目文件夹打成 ZIP 包上传
- 填写商店信息，提交审核
审核注意事项：
- 权限说明：每个申请的权限都要在"隐私权"标签里解释为什么需要
- 隐私政策：如果收集任何用户数据，需要提供隐私政策页面（用 GitHub Pages 放一个就行）
- 单一用途：Google 要求扩展功能单一明确，不要做"瑞士军刀"式的扩展
变现方式
Chrome 扩展的几种赚钱方式：
| 方式 | 说明 | 适合 |
|---|---|---|
| 一次性付费 | 在自己网站收费，提供下载 | 工具类扩展 |
| 订阅制 | 基础功能免费，高级功能按月收费 | 持续提供价值的扩展 |
| 增值服务 | 扩展免费，配套服务收费 | 有后端服务的扩展 |
推荐用 Stripe 或 LemonSqueezy 处理支付，它们对独立开发者很友好。
做完之后
你现在有了一个可以分发的 Chrome 扩展。接下来：
- 在 Product Hunt 上发布，这是 Chrome 扩展获取早期用户的最佳渠道之一
- 写一篇介绍文章发到 V2EX、掘金等社区
- 关注用户评价，Chrome Web Store 的评分对排名影响很大
- 持续迭代，每次更新都会通知已安装的用户
- 想做更完整的产品？ 看看 1 小时 AI 速建 MVP 网站 搭配扩展做一个完整的产品