Chrome DevTools

Chrome DevTools MCP 服务器为 AI 代理提供 Chrome DevTools 协议功能。调试网页、分析性能、检查网络和自动化浏览器交互。

功能

• DOM — 检查和操作页面 DOM 树
• 网络 — 监控网络请求、响应和性能
• 控制台 — 捕获控制台日志和 JavaScript 错误
• 性能 — 分析页面加载指标和分析数据
• 截图 — 捕获全页面或元素截图
• JavaScript — 在页面上下文中执行任意 JavaScript
• 模拟 — 模拟设备、地理位置和网络条件

用法

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": ["-y", "chrome-devtools-mcp"]
    }
  }
}

快速开始

1. 启动 Chrome 并启用远程调试：chrome --remote-debugging-port=9222
2. 或使用 Chrome DevTools 无头模式进行自动化测试
3. MCP 服务器连接到正在运行的 Chrome 实例