教程 · 浏览器自动化 · Chrome DevTools MCP

Chrome DevTools MCP 教程

按官方 Getting started：把 npx 配置写进 MCP 客户端，新开对话查 developers.chrome.com 性能。本机已跑 --help；未写入你的 Cursor MCP。

按 chrome-devtools-mcp README Getting started 走一遍。跑通标准：MCP 已接上，新对话里 Agent 能开 Chrome 并查页面性能或控制台。本机需要 Node LTS 和已装的 Google Chrome（官方只保证 Chrome / Chrome for Testing）。

本机已执行 npx chrome-devtools-mcp@latest --help，能拉起帮助。没有把配置写进你的 Cursor MCP（避免改你本机客户端）。请按下面步骤自己粘贴。

仓库 chrome-devtools-mcp README Getting started
仓库 chrome-devtools-mcp README Getting started

1. 写入 MCP 配置

在 Cursor：打开完整设置 → Tools（或 MCP）→ 新建服务器，粘贴官方配置：

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

只要开关页、点击，官方提供 --slim --headless。不想被收集用量统计：加 --no-usage-statistics（文档写明默认会收集）。

本机 --help 可见 --headless、--channel、--autoConnect 等参数：

本机 npx chrome-devtools-mcp@latest --help
本机 npx chrome-devtools-mcp@latest --help

2. 新开对话再试

光加上 MCP 不会自动开浏览器。官方当前试探提示是：

Check the performance of https://developers.chrome.com

必须新开一轮对话。旧对话读不到刚加的 MCP。

3. 翻车点

官方免责：Agent 能看到浏览器里的数据，别把不该给模型的隐私页交给它。默认拉的是自动化 Chrome，不是你正在盯的已登录标签。要看当前已登录页，用 Browser MCP 或 BrowserTools。只支持 Google Chrome / Chrome for Testing。

出处：README · Chrome 博客

场景里的方案

回 Chrome DevTools MCP回场景

留言