---
title: "Chrome DevTools：Claude、Cursor、Codex の設定 · DotsAgent"
description: "Chromeを操作し、ネットワークリクエスト、コンソール出力、パフォーマンストレースなどのDevToolsデータを取得します。 Chrome DevTools を13種類の MCP クライアントで設定できます。"
url: https://dotsagent.io/ja/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/ja/mcp/config#add=chrome-devtools)

## ブラウザ自動化の他のサーバー

- [Playwright](https://dotsagent.io/ja/mcp/servers/playwright): アクセシビリティスナップショットを使って実際のブラウザーを操作するため、エージェントはページの移動、クリック、フォームへの入力を行えます。

## 情報源

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

AIエージェント開発者向けの独立したリファレンスです。ここに記載されているいずれのベンダーとも提携していません。

© 2026 DotsAgent · 確認日: 2026年10月1日