1.4 浏览器插件推荐

插件不要一次性全装。先装「立刻用得到」的，再慢慢补齐。前 3 个几乎人人会用，后面的按需挑。

Chrome 必装插件

1. Glarity - AI 助手

作用：总结网页内容、YouTube 视频

使用场景：

• 快速总结长文章
• 看 YouTube 教程时自动生成摘要
• 翻译网页

2. AITDK - SEO 扩展

作用：查看网站流量、关键词、SEO 数据

安装地址：https://chromewebstore.google.com/detail/aitdk-seo-extension-traff/hhfkpjffbhledfpkhhcoidplcebgdgbk 

使用场景：

• 分析竞品网站流量
• 查看关键词排名
• 学习优秀网站的 SEO 策略

3. Web Scraper - 网页采集

作用：可视化爬取网页数据

优势：

• ✅ 可视化操作，无需编程
• ✅ 支持复杂的数据提取规则
• ✅ 可导出为 CSV/JSON 格式

4. Webpage to Markdown

作用：将网页转换成 Markdown 格式

使用场景：

• 保存网页内容到笔记
• 将文档转换成 Markdown

5. JSON Viewer

作用：美化 API 返回的 JSON 数据

使用场景：

• 调试 API 接口
• 查看数据结构

6. Lighthouse（Chrome 内置）

作用：网站性能检测、SEO 分析

检测指标：

• 性能分数
• SEO 优化建议
• 可访问性
• 最佳实践

开发专用插件

React 开发

React Developer Tools 作用：React 组件调试 推荐度：⭐⭐⭐⭐⭐ 使用：查看组件状态、props、性能分析

Vue 开发

Vue Developer Tools 作用：Vue 组件调试 推荐度：⭐⭐⭐⭐⭐ 使用：查看组件数据、事件、路由信息

通用开发

ColorZilla 作用：取色器 推荐度：⭐⭐⭐⭐ 使用：从网页提取颜色值

WhatFont 作用：识别网页字体 推荐度：⭐⭐⭐ 使用：快速了解网页使用的字体

效率提升插件

1. Momentum

作用：美化首页，显示待办事项

推荐度：⭐⭐⭐⭐

2. LastPass / 1Password

作用：密码管理器

推荐度：⭐⭐⭐⭐⭐

3. Grammarly

作用：英文语法检查

推荐度：⭐⭐⭐⭐

安装建议

立即安装（优先级最高）

1. Glarity - AI 内容总结
2. AITDK - SEO 分析工具
3. Lighthouse - 性能检测（内置）
4. JSON Viewer - JSON 数据查看

按需安装

根据你的开发方向选择：

谨慎安装

插件管理最佳实践

1. 分类管理

在 Chrome 扩展页面中，可以将插件分类：

• 开发工具类
• 效率工具类
• 学习辅助类
• 娱乐休闲类

2. 定期清理

每季度检查一次：

• 删除 3 个月未使用的插件
• 更新过期的插件
• 检查插件权限是否合理

3. 备份同步

插件检查清单

完成以下插件安装和配置：

• Glarity - AI 助手
• AITDK - SEO 扩展
• Web Scraper - 网页采集
• Webpage to Markdown
• JSON Viewer
• Lighthouse（确认可用）
• 开发工具插件（根据技术栈选择）
• 效率工具插件（按需安装）
• 密码管理器
• 配置 Chrome 账号同步