Chrome DevTools MCPとは?
Chrome DevTools MCP(Googleは現在Chrome DevTools for agentsと呼んでいます)は、実際のChromeブラウザとDevToolsの検査ツールをエージェントに操作させます。 クリックやフォーム入力に加えて、パフォーマンストレースの記録、ソースマップ適用済みのスタックトレース付きでのネットワークリクエストとコンソールメッセージの読み取り、Lighthouse監査の実行、ヒープスナップショットの分析ができます。
Node.jsのLTSリリース上でnpx -y chrome-devtools-mcp@latestを使ってインストールします。ツールリファレンスには59のツールが載っています。メモリ関連のツールには--memoryDebugging、座標によるクリックには--experimentalVisionが必要で、--slimを付けるとツールは3つに減ります。自分でChromeを起動するほか、--autoConnectで起動中のChromeに接続したり、リモートデバッグポート経由で接続したりできます。公式にサポートされているのはGoogle ChromeとChrome for Testingだけです。
バージョン1.12.0は、1.11.0の1週間後の2026年10月22日に公開されました。パッケージには、MCPよりコマンドを好むエージェント向けに、chrome-devtools CLIとスキルも含まれています。
Chrome DevTools MCPのインストール方法
npx -y chrome-devtools-mcp@latestChrome DevTools MCPは使う価値があるか?
Chrome DevTools MCPは、まずデバッガーであり、ブラウザの操作は二の次です。これがPlaywright MCPに対する強みです。performance_start_traceとperformance_analyze_insightはトレースの分析結果を返し、list_network_requestsとget_network_requestは失敗した呼び出しを示し、コンソールメッセージはソースマップ適用済みのスタックトレース付きで届きます。compare_heapsnapshotsやget_heapsnapshot_retaining_pathsなどのヒープスナップショットツールを使えば、エージェントはPlaywright MCPが手を出さないメモリリークの調査にも踏み込めます。
プロジェクトの動きは速いです。GitHubのスターは54,000を超え、1.12.0のリリースでは独立したツール呼び出しの並列実行、設定のライブ再読み込み、ブラウザに接続しないヒープ分析が加わりました。その代わり、対象範囲が広くなります。59のツールはモデルのコンテキストには重い負担で、そのために--slimがありますが、3つのツールだけというのは大ざっぱな代替策です。
初期設定ではデータがGoogleに送られます。ツールの成功率、レイテンシ、環境の詳細などの利用統計は、--no-usage-statisticsを渡すか、CHROME_DEVTOOLS_MCP_NO_USAGE_STATISTICSを設定しない限り収集されます(CIを設定しても無効になります)。パフォーマンスツールは、--no-performance-cruxを渡さない限り、トレースのURLをChrome UX Report APIに送ることがあります。サーバーは定期的にnpmで更新も確認します。
ローカルでの露出にも同じだけの注意が必要です。~/.cache/chrome-devtools-mcp/chrome-profileのプロファイルは、--isolatedを渡さない限り実行をまたいで残ります。ドキュメントは、リモートデバッグポートを開くとマシン上のどのアプリケーションでもブラウザを操作できると警告しています。深刻度中のアドバイザリが4件公開されており、最新の2件は2026年10月22日に開示されました。いずれも1.4.0と1.5.0ですでに修正されたバグで、URLの許可リストとブロックリストを迂回するService Workerのfetchと、MCPのルートの外に出られるシンボリックリンクのパスです。対応するのはChromeだけなので、複数ブラウザにまたがる作 業は引き続きPlaywrightの領分です。
真価を発揮する場面
商品ページが遅いECサイトのパフォーマンスエンジニア
読み込み時間を悪化させている原因を見つけ、修正を提案する
エージェントはperformance_start_traceでトレースを記録し、分析結果を読み、ネットワークのウォーターフォールを確認してから、コードを編集します。ステージングのURLをGoogleに送りたくない場合は、--no-performance-cruxを付けて実行します。
シングルページのダッシュボードでメモリリークを追うReact開発者
どのコンポーネントが切り離されたDOMノードを保持し続けているかを突き止める
--memoryDebuggingを付けてサーバーを起動し、疑わしいルート遷移の前後でヒープスナップショットを取り、エージェントに比較させて保持パスをたどらせます。無料ですが、大きなアプリのヒープスナップショットは分析に時間がかかります。
開発者25人の制作会社のエンジニアリングリード
クライアントのデータを漏らさずに、開発者がエージェントでクライアントサイトをデバッグできるようにする
共有のMCP設定で--isolatedと--no-usage-statisticsを標準にし、個人のChromeプロファイルへの接続を禁止します。これでクライアントのログイン情報が永続プロファイルに残らず、利用データもGoogleに送られません。
導入前に確認すること
- 導入
- Claude、Cursor、Copilot、Antigravity、Gemini CLIなどのクライアントでnpx -y chrome-devtools-mcp@latestを使います。ブラウザはそれを必要とする最初のツール呼び出しで起動するため、最初のトレースには数分かかります。
- 連携
- 11のグループに59のツールがあり、navigate_page、click、fill_form、evaluate_script、lighthouse_audit、performance_start_trace、list_network_requests、14のヒープスナップショットツールなどが含まれます。--slimではnavigate、evaluate、screenshotが残ります。
- データとプライバシー
- ブラウザプロファイル内のすべてをMCPクライアントに公開します。利用統計は初期状態でGoogleに送られ、トレースのURLはCrUXに送られることがあります。2026年には深刻度中のアドバイザリが4件公開されましたが、いずれも1.5.0より前のバージョンが対象です。
- 大 規模利用時のコスト
- 無料です。費用は、スナップショットとトレースにかかるモデルのトークンと、同時セッションごとに1つのローカルChromeです。
- 制限
- 公式にサポートするのはGoogle ChromeとChrome for Testingだけです。メモリとビジョンのツールはフラグの背後にあります。既定のプロファイルディレクトリは一度に1つのブラウザでしか使えません。
良い点
- パフォーマンストレース、ネットワーク、コンソール、ヒープスナップショットを一つのサーバーで扱える
- Chrome DevToolsチームが開発し、リリースが頻繁
- Lighthouse監査とソースマップ適用済みのスタックトレース
- 起動中のChromeに接続するか、自分で起動できる
気になる点
- 初期状態で利用統計がGoogleに送られる
- 無効にしない限りトレースのURLがCrUX APIに送られることがある
- フルモードでは59のツール、slimモードでは3つだけになる
- Chromeのみで、2026年に4件のセキュリティアドバイザリ
おすすめの人
Chromeでの実行時エラー、遅いページ、メモリリークをエージェントに診断させたいフロントエンドエンジニアやパフォーマンスエンジニアです。
Chrome DevTools MCPの代替
Chrome DevTools MCP:よくある質問
- Chrome DevTools MCPは使う価値があるか?
- エージェントがページをクリックして回るだけでなく、ページがなぜ遅いのか、なぜ壊れているのかを知る必要があるなら、それを教えてくれるのはこのサーバーです。 評価は5点満点中4.6点です。
- Chrome DevTools MCPの料金は?
- 無料で、Apache-2.0ライセンスです。オプトアウトしない限り、利用統計がGoogleに送られます。
- Chrome DevTools MCPの欠点は?
- 初期状態で利用統計がGoogleに送られる; 無効にしない限りトレースのURLがCrUX APIに送られることがある; フルモードでは59のツール、slimモードでは3つだけになる; Chromeのみで、2026年に4件のセキュリティアドバイザリ.
- Chrome DevTools MCPは誰に向いているか?
- Chromeでの実行時エラー、遅いページ、メモリリークをエージェントに診断させたいフロントエンドエンジニアやパフォーマンスエンジニアです。
- チームや本番環境でChrome DevTools MCPを使うと費用はいくらか?
- 無料です。費用は、スナップショットとトレースにかかるモデルのトークンと、同時セッシ ョンごとに1つのローカルChromeです。
- Chrome DevTools MCPは企業データを扱っても安全か?
- ブラウザプロファイル内のすべてをMCPクライアントに公開します。利用統計は初期状態でGoogleに送られ、トレースのURLはCrUXに送られることがあります。2026年には深刻度中のアドバイザリが4件公開されましたが、いずれも1.5.0より前のバージョンが対象です。
- Chrome DevTools MCPの代わりになるものは?
- 当サイトでレビューした中で最も近い代替はPlaywright MCP 、 Browserbase MCPです。
回答確認日:2026年10月22日
