资料索引
00 / 00
Chrome 插件
独立开发者做 MVP 过程中用得上的 Chrome 插件，从市场调研到开发调试到上线优化都覆盖。
MVP 阶段时间紧资源少，好的浏览器插件能让你少装几个桌面软件、少切换几次窗口。以下是做产品过程中我反复用到的插件，按场景分类。
市场调研与数据分析
| 插件 | 用它做什么 | 价格 |
|---|---|---|
| Easy Scraper | 网页数据采集，抓取竞品列表、用户评价、目录信息等 | 免费 |
| SimilarWeb | 查看网站流量来源、排名、访客数据，竞品分析必备 | 免费起 |
| Wappalyzer | 识别网站用了什么技术栈（框架、分析工具、CDN 等） | 免费 |
| AITDK | SEO 分析，查看网站关键词、反向链接 | 免费 |
Easy Scraper 让我最省时间的地方是：不需要写爬虫代码，点选页面元素就能批量采集数据。做竞品调研时，把对手的产品列表、价格信息一次性导出来，比手动复制粘贴快了不止十倍。
SimilarWeb 我主要用来做流量估算——看一个竞品网站每个月大概有多少访问量、流量从哪里来、用户分布在哪些国家。拿数据来判断这个赛道是不是真的有人在做，比拍脑袋靠谱。
Wappalyzer 在分析竞品技术栈时很有用。看到竞品用了什么框架、什么分析工具、什么邮件服务，技术和方案选型都有参考了。
性能检测与优化
| 插件 | 用它做什么 | 价格 |
|---|---|---|
| Lighthouse | 全面检测网站性能、可访问性、SEO、最佳实践 | 免费 |
| Web Vitals | 实时监控 Core Web Vitals 指标 | 免费 |
Lighthouse 是 Google 官方出品，相当于给网站做一次全面体检。我习惯在上线前跑一次，重点关注 Performance 和 SEO 这两项分数。报告里连优化建议都写好了，照着改就行。
注意同类型的工具还有 PageSpeed Insights（在线版）和 GTmetrix，但我更推荐用插件版，边开发边检测，不需要切换到浏览器外去操作。
开发调试工具
| 插件 | 用它做什么 | 价格 |
|---|---|---|
| React Developer Tools | 调试 React 组件状态和 props | 免费 |
| JSON Viewer | 格式化显示 JSON 数据，接口调试一目了然 | 免费 |
| GoFullPage | 整页截图，做产品介绍页或 PPT 时用 | 免费 |
| FireShot | 截取整页、登录后台或本地页面，再作为视觉参考交给 AI | 免费起 |
截图给 AI 时，同时说明目标、要参考的区域和不能复制的内容。登录后台、客户数据和内部页面要先打码，再上传到第三方模型。
设计辅助
| 插件 | 用它做什么 | 价格 |
|---|---|---|
| ColorZilla | 取色器，看到喜欢的配色直接吸取色值 | 免费 |
| WhatFont | 识别网页上使用了什么字体 | 免费 |
| VisBug | 像设计软件一样直接在页面上拖拽修改元素 | 开源免费 |
内容与文案
| 插件 | 用它做什么 | 价格 |
|---|---|---|
| Grammarly | 英文文案纠错与润色 | 免费起 |
| LanguageTool | 多语言语法检查，支持中文 | 免费起 |
| Trancy | 沉浸式翻译，看英文文档和技术文章时很省力 | 免费起 |
效率提升
| 插件 | 用它做什么 | 价格 |
|---|---|---|
| Video Speed Controller | 视频倍速播放，支持 0.07x–16x 任意调节 | 免费 |
| OneTab | 把打开的一大堆标签页收成一个列表，省内存 | 免费 |
| Obsidian Web Clipper | 把看到的好文章直接剪藏到 Obsidian | 免费 |
| Check My Links | 检查页面所有链接是否有效，做文档站时有用 | 免费 |
Video Speed Controller 是我用得最频繁的插件之一。现在大部分教学视频和技术 talk 的 2 倍速还是偏慢，我通常直接拉到 2.5x–3x 来「阅读」视频，信息密度才跟得上。逐帧微调用快捷键也很顺手，不用点菜单。
我的推荐
如果只装三个，我建议是：
- Easy Scraper — 做竞品调研时采集数据，省下写爬虫的时间
- Lighthouse — 上线前跑一次，确认性能和 SEO 没大问题
- Wappalyzer — 看竞品技术栈，技术和方案选型都有参考
先装这三个用起来，其他按需随时补。
这篇文档有问题？