前端开发工具 - React Developer Tools 是 React 开发者的必备工具，支持检查和调试组件树、查看状态和属性，并兼容 Hooks 和 Suspense 等新特性 [1] - Vue.js devtools 是 Vue.js 官方调试工具，提供组件检查、Vuex 状态管理调试和事件追踪功能，特别支持 Vue 3 的 Composition API [3] - Redux DevTools 是 Redux 状态管理的调试工具，支持实时查看 action 分发、状态变化和时间旅行调试功能 [5] - Web Developer 提供多种 Web 开发工具，包括禁用 JavaScript、查看页面结构、验证 HTML/CSS 和调整浏览器窗口大小等功能 [6] 性能分析与优化 - Lighthouse 是 Google 官方的网站性能分析工具，可生成性能、可访问性、SEO 和最佳实践报告，2025 版本增强了对 Core Web Vitals 的分析 [7][8] - PageSpeed Insights 可快速检测网页加载速度和性能指标，提供优化建议，并与 Google Search Console 数据集成以改善搜索排名 [9][10] 视觉与设计工具 - ColorZilla 是强大的颜色选择和分析工具，支持取色、生成渐变色和创建调色板，适用于前端开发和设计 [14] - WhatFont 可一键识别网页中使用的字体，包括字体族、大小、行高和颜色等详细信息 [15] API 开发与测试工具 - JSON Formatter 是专业的 JSON 数据格式化工具，支持语法验证、压缩和美化，适用于 API 开发 [18] - Postman Interceptor 可与 Postman 应用配合使用，直接从浏览器捕获网络请求，便于 API 测试和调试 [20][21] - CORS Unblock 可临时解决开发环境中的 CORS 问题，但仅建议在开发时使用 [22] 生产力工具 - Lightshot 是轻量级截图工具，支持快速截图、编辑和分享，适合制作技术文档和 bug 报告 [24] - Speed Dial 2 是定制化的新标签页替代方案，支持个性化快速拨号界面和自定义背景 [26] - Multi Find: Search and Highlight 可在网页中同时搜索和高亮多个关键词，支持不同颜色标记，适用于代码审查和文档阅读 [28][29] - Octotree 为 GitHub 添加代码树形视图，支持快速浏览仓库结构和语法高亮 [30] - Enhanced GitHub 增强 GitHub 界面功能，添加文件大小显示、下载单个文件和复制文件内容等实用功能 [32][33] - Wappalyzer 可检测网站使用的技术栈，包括前端框架、后端技术和 CDN 等，适用于技术调研和竞品分析 [34] - Chrome版Todoist 是任务管理扩展，支持快速添加任务、设置截止日期和项目分类，适合敏捷开发团队 [36][37] - Page Assist 是本地运行的 AI 助手扩展，提供智能代码解释、技术文档总结和问题解答功能 [38] 安全与隐私工具 - Bitwarden Password Manager 是开源的密码管理器，提供密码生成、存储和自动填充功能，支持多平台同步 [39][40] - Fake Data 是智能表单填充工具，可快速生成测试数据，包括姓名、邮箱和地址等 [43] - uBlock Origin Lite 是高效的广告和追踪器拦截工具，可减少页面加载时间 [44][45] - HTTPS Everywhere 可自动将 HTTP 连接升级为 HTTPS，提供更细粒度的浏览安全控制 [46]