ChromeDevTools/chrome-devtools-mcp

解决的问题

该项目为 AI 编码代理提供了一种与实时 Chrome 浏览器交互和控制的方法。它弥合了 AI 写代码的能力与其实时观察和调试 Web 应用程序实际运行行为能力之间的差距。

工作原理

它作为一个 Model-Context-Protocol (MCP) 服务器运行。当连接到兼容 MCP 的 AI 客户端（如 Claude、Cursor 或 Copilot）时，它会暴露一组工具，AI 可调用这些工具执行浏览器操作。它使用 Puppeteer 实现可靠的自动化，并利用 Chrome DevTools Protocol 访问浏览器内部以进行调试和性能分析。

适用人群

需要通过 AI 界面自动化浏览器交互、执行深度调试并直接分析 Web 性能的 Web 开发者和 AI 辅助编码代理。

主要亮点

• 浏览器自动化：完整的输入和导航工具集（点击、输入、填写表单、页面导航）。
• 详细调试：能够分析网络请求、截取屏幕截图，并读取带有源映射堆栈跟踪的浏览器控制台消息。
• 性能洞察：提供记录跟踪并提取可操作性能数据的工具。
• 广泛客户端支持：为大量 AI IDE 和 CLI 工具（如 Claude Code、Cursor、VS Code、Gemini）提供预设配置。
• 灵活模式：包含 --slim 模式，适用于基本浏览器任务。