正在载入项目…
AI 编程与调试
组织仓库 · ChromeDevTools
Chrome DevTools MCP
让 AI 助手看见浏览器里的问题。
遇到页面打不开、请求失败或加载缓慢，可以让助手结合浏览器现场信息继续排查。
ChromeDevTools/chrome-devtools-mcp
组织仓库 · ChromeDevTools- 总 Star
- 51,485
- 本周新增 Star
- +962
- 主要语言
- TypeScript
- 仓库创建
- 2025-09-11
GitHub 周榜采集：2026-09-10 · 新增数引用来源榜单，不等同于快照净增 · 仓库创建不等于产品上线
一句话看懂
把浏览器调试能力接到 AI 助手里，而不只是把报错复制过去。
先看看，它能做出什么
来自项目文档 · 中文编辑整理 · 不代表 FindWorth 已全部实测
素材出处与使用说明
官方素材来自 ChromeDevTools/chrome-devtools-mcp 的 README.md，固定版本 c54a49383a47e10c445ab9997fd0032fc7acf177。2026-09-10 核对该版本仓库 LICENSE（Apache-2.0）：https://github.com/ChromeDevTools/chrome-devtools-mcp/blob/c54a49383a47e10c445ab9997fd0032fc7acf177/LICENSE 。保留原图及出处；中文文案为 CatchAI 根据 README 整理的摘要，非作者原文。商标属于各自权利人，不代表合作或背书。官方效果图不代表 CatchAI 实测，外链的收费、可用性和条款以目标站为准。
能做什么
- 01
录制性能轨迹并整理可供分析的性能信息。
- 02
检查网络请求、截图和控制台消息，定位页面问题。
- 03
操作 Chrome 并等待动作结果，衔接浏览器自动化。
适合谁
使用 AI 编程助手开发网页的人；已有调试需求的前端工程师。它偏开发工作流，不是普通用户直接使用的浏览器应用。
根据资料整理的编辑判断使用前准备
准备 README 要求的 Node.js LTS、Google Chrome 和兼容的 MCP 客户端，再按客户端配置指南连接。
值得关注什么
- 录制性能轨迹并整理可供分析的性能信息。
- 检查网络请求、截图和控制台消息，定位页面问题。