---
title: "Chrome DevTools: Claude, Cursor, Codex 설정 · DotsAgent"
description: "Chrome을 제어하고 네트워크 요청, 콘솔 출력, 성능 추적 등 DevTools 데이터를 제공합니다. 13개 MCP 클라이언트에서 Chrome DevTools을(를) 설정하세요."
url: https://dotsagent.io/ko/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에는 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/ko/mcp/config#add=chrome-devtools)

## 브라우저 자동화의 다른 서버

- [Playwright](https://dotsagent.io/ko/mcp/servers/playwright): 접근성 스냅샷을 통해 실제 브라우저를 제어하므로 에이전트가 페이지를 이동하고, 클릭하고, 양식을 작성할 수 있습니다.

## 출처

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

AI 에이전트를 만드는 개발자를 위한 독립적인 참고 자료입니다. 여기에 언급된 어떤 업체와도 제휴 관계가 없습니다.

© 2026 DotsAgent · 정보 확인일: 2026년 10월 1일