一、开篇：为什么选择 Chrome 插件
从浏览器扩展的能力边界切入，说明 Chrome 插件能解决哪些真实问题，以及适合哪些场景。
- Chrome 插件的典型应用场景：效率工具、页面增强、数据采集、调试辅助
- 与油猴脚本、桌面应用、Web 应用的对比与选型
- 本文实战项目预告：一个可落地的插件 Demo 及其功能拆解
二、开发环境与项目初始化
搭建最小可运行插件，跑通「加载已解压的扩展程序」流程。
- Manifest V3 与 V2 的差异及迁移要点
- 目录结构与核心文件：manifest.json、background、content scripts、popup
- 在 chrome://extensions 中加载、调试与热更新技巧
- 常见初始化报错与排查思路
三、核心概念：插件的运行架构
理清各执行环境的职责边界，这是后续开发不出坑的关键。
- Service Worker（后台）的生命周期与状态保持
- Content Script 的注入时机、隔离环境与页面通信
- Popup、Options、Side Panel 等 UI 入口的定位
- 各环境之间的消息传递机制：chrome.runtime 与 chrome.tabs
四、权限与安全模型
权限申请直接决定插件能否上架，也影响用户信任。
- permissions 与 host_permissions 的区别与最小化原则
- optional_permissions 动态申请实践
- 内容安全策略（CSP）限制与常见踩坑
- 敏感权限的审核风险与合规建议
五、实战：页面内容操作与 DOM 注入
以真实页面为例，演示 Content Script 的读写操作。
- 按 URL 匹配规则精准注入脚本
- 读取与修改页面 DOM 的稳妥写法
- 样式注入与页面冲突规避
- 处理 SPA 动态渲染页面的监听方案
六、实战：数据存储与状态管理
解决插件「关掉就丢数据」的常见问题。
- chrome.storage.local 与 sync 的选型
- 封装统一的存储读写模块
- 跨环境状态同步的实现思路
- 数据迁移与版本兼容处理
七、实战：网络请求与接口调用
说明在 MV3 下发起请求的正确姿势。
- Service Worker 中发起 fetch 的注意事项
- 跨域请求与 host_permissions 的配合
- 请求拦截与响应改写的可行方案
- 错误重试与超时控制
八、UI 开发：Popup 与交互体验
让插件从「能用」到「好用」。
- Popup 的尺寸限制与布局技巧
- 常用前端框架（React/Vue）在插件中的集成方式
- 与后台通信的加载态与错误态处理
- 国际化（i18n）与主题适配
九、调试、测试与性能优化
建立可维护的调试与质量保障流程。
- 分别调试 Service Worker、Content Script 与 Popup
- 日志分级与远程错误上报
- 内存泄漏与长任务阻塞的排查
- 打包体积优化与按需加载
十、发布上线与持续迭代
从本地插件到 Chrome 应用商店的完整链路。
- 开发者账号注册与费用说明
- 商店素材准备：图标、截图、描述与隐私政策
- 审核常见驳回原因与应对策略
- 版本更新、灰度发布与用户反馈收集
十一、总结与进阶方向
回顾全文要点，并给出继续深入的学习路径。
- 实战项目的完整功能复盘
- 进阶方向：Side Panel、Offscreen Document、Declarative Net Request
- 推荐学习资源与开源插件参考