ChromeDevTools/chrome-devtools-mcp

这是什么？

核心功能

• 01基于 Chrome DevTools 录制性能 trace 并提取可操作的性能洞察。
• 02分析网络请求、截图，并查看带 source map 还原堆栈的控制台消息。
• 03使用 Puppeteer 自动执行浏览器操作，并自动等待结果。
• 04提供仅含基础工具的 slim 模式，并支持无头运行。
• 05提供不依赖 MCP 的 CLI。

适用场景

• 让 AI 编程助手排查网页的控制台报错和网络请求失败。
• 对网站进行性能审计并获取基于 trace 的优化建议。
• 在开发过程中由智能体驱动浏览器自动化测试。
• 在智能体工具中集成浏览器子智能体。

快速上手

1. 1

   安装 Node.js LTS 版本和 Chrome 当前稳定版

2. 2

   在你的 MCP 客户端中添加 MCP 服务器配置

   npx -y chrome-devtools-mcp@latest
3. 3

   在 MCP 客户端中输入测试提示词，检查是否正常工作

使用前须知

• !官方仅支持 Google Chrome 和 Chrome for Testing，其他 Chromium 浏览器不保证可用。
• !工具会将浏览器中的所有数据暴露给 MCP 客户端，请勿共享敏感信息。
• !使用统计默认开启，需通过参数或环境变量手动关闭。

标签

常见问题

chrome-devtools-mcp 是什么？

让编程智能体通过 MCP 控制和调试实时 Chrome 浏览器的服务器，基于 Chrome DevTools。 chrome-devtools-mcp 是一个 Model Context Protocol 服务器，让 Claude、Cursor、Copilot、Antigravity 等编程助手可以访问正在运行的 Chrome 浏览器。智能体可以操作页面、截图、查看网络请求和控制台消息（支持 source map 还原堆栈），并录制性能 trace。

chrome-devtools-mcp 可以免费使用吗？用的什么许可证？

chrome-devtools-mcp 以 Apache-2.0 许可证开源。用于商业产品前，请先确认许可证条款。

chrome-devtools-mcp 还在维护吗？

活跃维护中。chrome-devtools-mcp 最近一次提交是在 2026年10月19日。

chrome-devtools-mcp 适合用来做什么？

让 AI 编程助手排查网页的控制台报错和网络请求失败。 对网站进行性能审计并获取基于 trace 的优化建议。 在开发过程中由智能体驱动浏览器自动化测试。 在智能体工具中集成浏览器子智能体。

chrome-devtools-mcp 怎么安装和运行？

安装 Node.js LTS 版本和 Chrome 当前稳定版 在你的 MCP 客户端中添加 MCP 服务器配置: npx -y chrome-devtools-mcp@latest 在 MCP 客户端中输入测试提示词，检查是否正常工作

在哪里获取 chrome-devtools-mcp？

源代码和安装说明在 GitHub 上：https://github.com/ChromeDevTools/chrome-devtools-mcp