Skip to content
ReviewRamble

The weekly brief

AI, reviewed, in your inbox.

  • New reviews of tools, models, MCP servers and repos, with the verdict up front
  • Re-checked prices and ratings when something changes
  • New analysis pieces as they are published

Models, agents, MCP servers and the tools actually worth your time.

One email a week. Unsubscribe with the link in any brief. How we use your email

Chrome DevTools MCP

エージェントに実際に動くChromeとDevToolsを渡すGoogleのサーバーです。パフォーマンストレース、ネットワーク、コンソール、ヒープスナップショットを扱えます。

レビュー: Sheela · 更新

導入ガイド オープンソース

当サイトの評価

4.6/5

エージェントがページをクリックして回るだけでなく、ページがなぜ遅いのか、なぜ壊れているのかを知る必要があるなら、それを教えてくれるのはこのサーバーです。

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@latest

Chrome 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日