---
title: "Chrome DevTools：Claude、Cursor、Codex 配置指南 · DotsAgent"
description: "控制 Chrome 并读取 DevTools 数据，例如网络请求、控制台输出和性能跟踪。 在 13 个 MCP 客户端中配置 Chrome DevTools。"
url: https://dotsagent.io/zh/mcp/servers/chrome-devtools
---

浏览器自动化 · Google (Chrome DevTools)

# 配置 Chrome DevTools

控制 Chrome 并读取 DevTools 数据，例如网络请求、控制台输出和性能跟踪。

- **发布者**: Google (Chrome DevTools) 官方
- **本地运行**: `npx -y chrome-devtools-mcp@latest`
- **传输方式**: stdio
- **身份验证**: 无需身份验证。
- **可访问内容**: 在浏览器会话中执行操作并读取 DevTools 数据。
- **许可证**: Apache-2.0
- **源码**: [github.com/ChromeDevTools/chrome-devtools-mcp](https://github.com/ChromeDevTools/chrome-devtools-mcp)
- **状态**: 活跃

## 安装

此服务器会在你的本机上作为客户端的子进程运行。你需要安装其命令所用的运行时，例如 npx 需要 Node.js、uvx 需要 uv，或者使用 Docker；还需要设置 Environment 下列出的变量。

### Claude Code

`shell`

```
claude mcp add --scope project chrome-devtools -- npx -y chrome-devtools-mcp@latest
```

### Cursor

`.cursor/mcp.json`

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

### Codex

`~/.codex/config.toml`

```
[mcp_servers.chrome-devtools]
command = "npx"
args = ["-y", "chrome-devtools-mcp@latest"]
```

[其他客户端的配置 →](https://dotsagent.io/zh/mcp/config#add=chrome-devtools)

## 浏览器自动化 中的其他服务器

- [Playwright](https://dotsagent.io/zh/mcp/servers/playwright): 通过无障碍快照控制真实浏览器，让 agent 能够浏览页面、点击元素和填写表单。

## 来源

1. [github.com](https://github.com/ChromeDevTools/chrome-devtools-mcp)/ChromeDevTools/chrome-devtools-mcp

为 AI agent 开发者提供的独立参考资料。与此处提及的任何厂商均无关联。

© 2026 DotsAgent · 事实核查日期：2026年10月1日