Chrome DevTools を設定

Chromeを操作し、ネットワークリクエスト、コンソール出力、パフォーマンストレースなどのDevToolsデータを取得します。

提供元

Google (Chrome DevTools) 公式

ローカルで実行

npx -y chrome-devtools-mcp@latest

トランスポート

stdio

認証

不要。

アクセス対象

ブラウザーセッションを操作し、DevToolsデータを読み取ります。

ライセンス

Apache-2.0

ソース

github.com/ChromeDevTools/chrome-devtools-mcp

ステータス

稼働中

インストール

このサーバーは、クライアントの子プロセスとしてマシン上で実行されます。コマンドで使うランタイムが必要です。たとえば、npxにはNode.js、uvxにはuv、またはDockerが必要です。Environmentに記載された変数も用意してください。

Claude Code

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

Cursor

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

Codex

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

他のクライアントの設定 →

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