Chrome DevTools MCP
ChromeDevTools/chrome-devtools-mcp
Google 官方 MCP 服务器，让编码 agent 控制真实 Chrome：看 console、抓网络请求、跑性能分析、截屏。
为什么选它agent 改完前端可以自己开浏览器验证与调试，比只靠截屏的浏览器工具多了 DevTools 层级的信息。
安装
- 星数
- ★ 54.1k
- 许可
- Apache-2.0
- 语言
- TypeScript
- 最近更新
- 2026年10月23日
适合用来
- 让编码 agent 打开真实 Chrome，查看 console 消息和错误
- 分析网络请求、截取网页截图
- 录制性能追踪并获得性能优化建议
- 用 puppeteer 自动操作页面并等待结果
怎么开始
- 确认已安装 Node.js LTS、npm 和最新稳定版 Chrome
- 运行 claude mcp add chrome-devtools -- npx chrome-devtools-mcp@latest
- 在 Claude Code 输入「Check the performance of https://developers.chrome.com」测试是否正常
使用前须知
MCP 客户端可以读取和修改浏览器中的任何数据，请避免处理敏感信息。Google 默认收集使用统计，可加 --no-usage-statistics 关闭；性能工具可能把网址发送到 CrUX API，可用 --no-performance-crux 关闭。
以上由 AI 根据项目说明整理，实际用法请以官方文档为准。
同类工具
- Agent-ReachMCP 与 Agent · ★ 102k
让 AI 代理读取互联网内容，支持 Twitter、Reddit、Bilibili 等平台
- worldmonitorMCP 与 Agent · ★ 89.4k
实时全球智能仪表板，AI新闻聚合与地缘政治监测
- career-opsMCP 与 Agent · ★ 76.6k
AI求职助手，扫描职位板，评分并优化求职文件
- SuperpowersMCP 与 Agent · ★ 305k
一套给 Claude Code 等 agent 的技能（skills）与开发流程：先脑力激荡、写计划、TDD，再派子 agent 实作与审查。
- Context7MCP 与 Agent · ★ 63.6k
MCP 服务器，让 Claude Code、Cursor 等工具实时抓取函数库最新版本的官方文档与范例，减少 AI 写出过时 API。
出处 GitHub · 更新于 2026年10月24日 · 版权属原作者