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 时用 | 免费 |
设计辅助
| 插件 | 用它做什么 | 价格 |
|---|---|---|
| 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 — 看竞品技术栈,技术和方案选型都有参考
先装这三个用起来,其他按需随时补。