工具介绍
工具说明
Chrome DevTools MCP 是 Chrome DevTools 官方提供的 Model Context Protocol 服务器,用于把 AI 编程智能体(如 Claude Code、Gemini CLI)与正在运行的 Chrome 浏览器连接起来。它让智能体不再只靠静态代码推理,而能直接观察页面行为、捕获错误并验证改动。
适用人群
- 需要让 AI 辅助调试前端页面的开发者
- 希望自动获取性能追踪和网络请求信息的测试人员
- 在本地开发中频繁切换浏览器和编辑器的工程师
已知能力
根据来源资料,它支持:
- 性能追踪与分析
- 网络请求调试
- 截图捕获
- 控制台日志查看 这些能力帮助 AI 更好地运行、测试和调试代码。
使用步骤(建议流程)
- 确认你的 AI 编程智能体支持 MCP 协议。
- 按项目文档配置 MCP 服务器,并连接到运行中的 Chrome。
- 在对话中指示智能体执行检查、截图或性能分析等操作。
- 根据返回结果调整代码并复测。
费用与限制
- 费用:原资料未说明,需查阅项目独立条款。
- 国内可用性:未验证,可能受网络环境影响,需自行核查。
- 许可:目录资料标注为 CC-BY-4.0,但该许可仅适用于导航资料,产品自身的许可需查阅其独立条款。
- 本文未进行实测,各项能力以官方描述为准。
来源与使用边界
原始入口:https://github.com/ChromeDevTools/chrome-devtools-mcp
整理来源:https://github.com/ikaijua/Awesome-AITools
依据来源资料经AI翻译整理,未由本站实测。原始资料许可:CC-BY-4.0;目录许可不代表各产品或文件的使用授权。费用、账号、国内访问与版本兼容条件以原始发布者最新说明为准。
运行与适配
如何理解使用难度?
- 直接使用:通常打开网页或登录账号即可使用。
- 简单配置:需要填写密钥、连接服务或导入配置。
- 需要部署:需要安装依赖、配置运行环境或自行部署。
- 技术开发:需要编程、接口集成或开发调试。
格数越多,使用门槛越高;具体要求请看下方说明。
Chrome 浏览器、支持 MCP 的 AI 编程智能体(如 Claude Code、Gemini CLI)
需在支持 MCP 的客户端中配置服务器,并与本地 Chrome 实例连接;具体配置以官方文档为准。
访问来源 ↗国内使用情况与网友核验
网友核验 用户经验分享
与站长实测独立,不代表官方认证或本站已实测。
最近核验:暂无有效核验。参与人数按当前项目有效身份去重;不同核验项分别统计,不合并成用户总结果。仅统计审核通过且未过期的记录。
分项统计、有效期与样本量
| 核验项目 | 有效人数 | 成功 / 部分 / 失败 / 无法判断 | 成功率 | 最近核验 / 有效期 |
|---|---|---|---|---|
| 官方网站访问 | 0 | 0 / 0 / 0 / 0 | 样本不足 | 暂无 / 7 天 |
| GitHub 仓库访问 | 0 | 0 / 0 / 0 / 0 | 样本不足 | 暂无 / 7 天 |
| 安装与运行 | 0 | 0 / 0 / 0 / 0 | 样本不足 | 暂无 / 30 天 |
| 官方服务国内连接 / MCP 连接 | 0 | 0 / 0 / 0 / 0 | 样本不足 | 暂无 / 30 天 |
| 国内网络情况 | 0 | 0 / 0 / 0 / 0 | 样本不足 | 暂无 / 7 天 |
| 国内模型兼容性 | 0 | 0 / 0 / 0 / 0 | 样本不足 | 暂无 / 30 天 |
| 自定义 API | 0 | 0 / 0 / 0 / 0 | 样本不足 | 暂无 / 30 天 |
| 海外服务依赖 | 0 | 0 / 0 / 0 / 0 | 样本不足 | 暂无 / 30 天 |
| 海外账号要求 | 0 | 0 / 0 / 0 / 0 | 样本不足 | 暂无 / 30 天 |
| 中文界面 | 0 | 0 / 0 / 0 / 0 | 样本不足 | 暂无 / 30 天 |
| 客户端兼容性 | 0 | 0 / 0 / 0 / 0 | 样本不足 | 暂无 / 30 天 |
| 账号及费用信息 | 0 | 0 / 0 / 0 / 0 | 样本不足 | 暂无 / 30 天 |
成功率 = 成功 ÷(成功 + 部分成功 + 失败);无法判断不计入分母。至少 5 份可判断结果才显示成功率。账号、费用、海外依赖与语言等事实项,成功表示核查结论与资料吻合,具体观察另行统计;不表示免费或没有海外依赖。不同网络、客户端和版本的结果不能直接等同。
最近有效核验
暂无审核通过且未过期的网友核验。欢迎提交真实使用记录。
查看全部有效核验 →