比較

Claude in Chrome vs Chrome DevTools MCP:違いと使い分け

一方は Claude があなた自身の Chrome で操作できるようにするブラウザ拡張機能、もう一方はどのコーディングエージェントからでも Chrome を操作できる MCP サーバーです。それぞれがどこに向いているか、私たちが自分でテストしたこと、公式ドキュメントに基づくことをまとめました。

要点

  • Claude in Chrome は Anthropic の Chrome 拡張機能です。Claude がログイン済みのあなたのブラウザで読み取り、クリックし、入力します。サイドパネル、Claude Code、Cowork から起動できます。有料の Claude プランが必要です。
  • Chrome DevTools MCP は Chrome DevTools チームによる無料のオープンソース MCP サーバーです。Claude Code、Codex、Cursor、Gemini CLI などあらゆる MCP クライアントが、DevTools Protocol を通じて Chrome を操作します。
  • 自分のブラウザで隣に並んで作業してもらい、承認モードや安全チェックも組み込みで欲しいなら Claude in Chrome を選んでください。エージェントに依存しないターミナルからの作業、デバッグ、再現性のある実行には Chrome DevTools MCP を選んでください。
  • Chrome DevTools MCP は実機でテストしました。Claude in Chrome は Anthropic のドキュメントのみに基づいて比較しています。理由は下に記載しています。

テストした内容と、していない内容

実機でテスト済み

  • ローカルのテストフォームで Chrome DevTools MCP 1.10.1 を、シナリオごとに 5 回実行:入力欄、ファイルアップロード、同一オリジンとクロスサイトの iframe、人だけが完了できるステップ、再起動。
  • 2つの実行方法の両方:自分で Chrome を起動する場合と、人がすでに使っている Chrome に接続する場合。
  • Playwright MCP と agent-browser を比較対象に加えた完全な結果は、Playwright MCP のページに掲載しています。

テスト結果を見る →

ドキュメントのみ

  • Claude in Chrome には有料の Claude プランと、Chrome プロファイル内でログインした拡張機能が必要です。私たちのテストルールでは個人のブラウザプロファイルと新規の有料アカウントを除外しているため、実行していません。
  • Claude in Chrome の列の記述はすべて、出典に記載した日付に確認した Anthropic のページに基づいています。
  • そのため、Claude in Chrome がフォーム入力や iframe をどの程度うまく扱えるかについては、何も主張しません。

並べて比較

各セルには、ドキュメントに基づくか私たち自身のテストに基づくかを示しています。

テーマClaude in ChromeChrome DevTools MCP
概要ドキュメント Claude があなたの隣で Web サイトを読み取り、クリックし、移動できるようにする Chrome 拡張機能。ドキュメント コーディングエージェントに Chrome とその DevTools の操作権を与える MCP サーバー。
操作する主体ドキュメント Claude。Chrome のサイドパネル、Claude Code(claude --chrome)、Claude Cowork から。ドキュメント ターミナルやエディタから、使っている任意の MCP クライアント。
必要なものドキュメント 有料の Claude プラン(Pro、Max、Team、Enterprise)と拡張機能。Claude Code は /login でログインしている必要があり、API キーを使う場合は Chrome 連携は無効のままです。ドキュメント Node.js、npm、最新の Chrome。無料で Apache-2.0 ライセンス。エージェントのモデル利用料は別途かかります。
ブラウザドキュメント Chrome。Claude Code のドキュメントは Edge も挙げ、Brave、Arc、Vivaldi、Opera は検出されるとしていますが、ヘルプセンターはその他の Chromium 系ブラウザは非対応としています。ドキュメント 公式には Google Chrome と Chrome for Testing。
あなたのログインドキュメント あなた自身のブラウザで動くため、ログイン済みのすべてのサイトにアクセスできます。テスト済み 人が開いた Chrome に接続した後、そのログイン状態を見つけました。デフォルトでは代わりに独自のプロファイルで起動します。
承認と安全性ドキュメント 操作ごとの承認から承認の省略までの3つの許可モード、プロンプトインジェクション対策の安全分類器、ブロックされるサイトカテゴリ、決して行わない操作。ドキュメント 独自の承認ステップはなく、MCP クライアントのツール権限が適用されます。README は、ブラウザの内容が MCP クライアントに公開されると警告しています。
CAPTCHA やログインページドキュメント Claude Code では一時停止し、あなたに対応を求めます。テスト済み 組み込みの一時停止はなく、エージェントが止まる必要があります。人が同じタブで人のステップを終え、エージェントが結果を読み取りました。
ファイルのアップロードドキュメント Claude Code から、1回のアップロードにつき合計 10 MB まで。テスト済み 許可されたフォルダからは欠けずにアップロードされ、それ以外の場所のファイルはデフォルトで拒否されました。
すでに開いているページドキュメント いま開いているタブで動作します。テスト済み 接続前から開いていたページでクリックはできましたが、入力欄を埋められたのは1回の再読み込み後だけでした。
デバッグドキュメント コンソール出力、ネットワークリクエスト、DOM を読み取ります。ドキュメント パフォーマンストレース、Lighthouse、メモリスナップショット、ソースマップ対応のコンソール、ネットワークリクエスト。
その他の機能ドキュメント スケジュールタスク、従来のサイドパネルでの記録済みワークフロー、Claude アカウントに保存されるセッション。ドキュメント ヘッドレスモード、分離された一時プロファイル、MCP なしで使える CLI。
データドキュメント Claude が作業するタブのスクリーンショットは会話の一部になります。ドキュメント Google への利用統計はデフォルトで有効で、オフにできます。

ログイン、CAPTCHA、引き継ぎ

どちらのツールも、ログイン済みのサイトにアクセスできるのはあなたのブラウザで動く場合だけです。Claude in Chrome は設計上そうなっています。Chrome DevTools MCP は、あなたの Chrome に接続しない限り独自のプロファイルで起動します。接続方法は、Chrome 144 以降の自動接続と許可ダイアログ、または別プロファイルでのデバッグポートです。

CAPTCHA、二要素認証コード、最終承認については、引き継ぎを設計してください。Anthropic は、Claude Code から使う場合に Claude in Chrome がログインページと CAPTCHA で一時停止すると記載しています。Chrome DevTools MCP では、どこで止まるかをエージェントへの指示に書く必要があります。私たちのテストでは、人が同じタブで人のステップにチェックを入れ、その後エージェントが送信結果を読み取りました。

どちらのツールでも CAPTCHA の回避を試みないでください。表示されているウィンドウで自分で解いてください。

公式の記述

判断に最も重要な点についての公式の記述です。下記の出典から転記しています。

テーマ公式の記述実務上の意味
Claude in Chrome とはClaude in Chrome is a browser extension that allows Claude to read, click, and navigate websites alongside you.Claude はあなたの隣で、あなたのブラウザの中で操作します。
プランClaude in Chrome is available for all paid plans (Pro, Max, Team, and Enterprise).無料プランはなく、有料の Claude サブスクリプションが必要です。
ブラウザ(ヘルプセンター)Claude in Chrome is not supported on other Chromium-based web browsers or mobile devices.デスクトップの Google Chrome を前提にしてください。
ブラウザ(Claude Code のドキュメント)Chrome integration works with Google Chrome and Microsoft Edge.Claude Code からなら Edge でも動きます。この点で Anthropic の2つのページは食い違っています。
ログインshares your browser’s login state, so it can access any site you’re already signed into.Claude はログイン済みのすべてのサイトにアクセスできるため、プロファイルは慎重に選んでください。
ログインページと CAPTCHAWhen Claude encounters a login page or CAPTCHA, it pauses and asks you to handle it manually.解くのはあくまであなたです。
アップロードの上限a single upload can include up to 10 MB of files in total.大きなファイルには別の手段が必要です。
手動承認モードClaude pauses and asks for approval before each action.最も厳格なモードでは、操作のたびに確認されます。
主なリスクThe biggest risk facing browser-using AI tools is prompt injection attacks where malicious instructions hidden in web content (websites, emails, documents) could trick Claude into taking unintended actions.Web ページ上のテキストが Claude に指示を与えようとすることがあります。
推奨される構成Use a separate browser profile without access to sensitive accounts (such as banking, healthcare, government).銀行、医療、行政のアカウントがないブラウザプロファイルを使ってください。
Chrome DevTools MCP のアクセス範囲exposes content of the browser instance to the MCP clients allowing them to inspect, debug, and modify any data in the browser or DevTools.その Chrome で開いているものはすべてエージェントから見えます。
Chrome DevTools MCP の自動接続every time the Chrome DevTools MCP server requests a remote debugging session, Chrome will show a dialog to the user and ask for their permission to allow the remote debugging session.エージェントがブラウザに接続する前に、Chrome が毎回あなたに確認します。

それぞれが勝る場面

Claude in Chrome が勝るのは

  • 普段使っているブラウザで、Claude に隣で作業してほしいとき、
  • 承認モードや安全分類器を自分で設定するより、組み込みのものを使いたいとき、
  • ブラウザのスケジュールタスクや、一度記録したワークフローを使いたいとき、
  • すでに Claude に課金していて、主に Claude で作業するときです。

Chrome DevTools MCP が勝るのは

  • Claude だけでなく Codex、Cursor、Gemini CLI や複数のエージェントを使うとき、
  • 自分の Web アプリをデバッグしていて、トレース、Lighthouse、ネットワークの詳細が必要なとき、
  • ヘッドレス実行、一時プロファイル、まったく同じに繰り返せるテストが必要なとき、
  • 広い権限を持つブラウザ拡張機能を入れたくないときです。

Playwright MCP vs Chrome DevTools MCP:同じフォームで実機テスト →

LaunchRepo の構成

  • LaunchRepo のプレイブックは、あなた自身の Chrome で動く Chrome DevTools MCP 向けに書かれ、テストされています。そのため同じ構成が Claude Code、Codex、その他のエージェントで使えます。
  • セットアップガイドに沿って、自動接続または専用プロファイルでエージェントをあなたの Chrome に接続します。最終的な送信をエージェントが自分で行うか、先にあなたに確認するかは、オンボーディングで一度だけ決めます。
  • Claude in Chrome はこの構成には含まれていませんが、ブラウザでの別の作業には引き続き使えます。
この部分を再生0:25
エージェントがChromeで登録 · 3:26–3:52録画デモでは、Claude Code はブラウザ拡張ではなく、Chrome DevTools MCP とリモートデバッグ接続を通じて、創業者自身の Chrome で作業します。2026年9月24日の画面収録。英語音声・字幕付き。 動画ページを開く →

出典

公式ページとリポジトリを2026年9月30日に確認しました。引用は原文どおりに転記しています。テスト結果は私たち自身の測定です。

出典公開日確認日
Claude in Chrome日付なし
Claude Help Center: Get started with Claude in Chrome
Claude Help Center: Use Claude in Chrome safely日付なし
Claude Help Center: Claude in Chrome permissions guide日付なし
Claude Code Docs: Use Claude Code with Chrome日付なし
ChromeDevTools/chrome-devtools-mcp: README日付なし
Chrome DevTools MCP: Advanced usage日付なし
Chrome DevTools MCP: Configuration日付なし
Chrome for Developers: Let your Coding Agent debug your browser session with Chrome DevTools MCP

よくある質問

Claude in Chrome と Chrome DevTools MCP の違いは何ですか?
Claude in Chrome は、承認モードと安全分類器を備え、Claude があなた自身の Chrome の中で操作できるようにする拡張機能です。Chrome DevTools MCP は、MCP に対応したあらゆるエージェントが Chrome を操作し、トレースやネットワーク検査などの DevTools 機能を使えるようにするオープンソースの MCP サーバーです。
Chrome DevTools MCP は無料ですか?
サーバーは無料で、Apache-2.0 ライセンスです。費用がかかるのは接続するエージェントやモデルの分だけです。Claude in Chrome には有料の Claude プランが必要です。
Chrome DevTools MCP は Claude Code で使えますか?
はい。Claude Code に MCP サーバーとして追加してください。有料の Claude プランでログインしていれば、Claude Code は --chrome フラグで Claude in Chrome も使えます。
どちらのほうが安全ですか?
保護する場所が異なります。Claude in Chrome は許可モード、安全分類器、ブロックされるサイトカテゴリを備えています。Chrome DevTools MCP は MCP クライアントの権限に依存し、ブラウザの内容がクライアントに公開されると警告しています。どちらの場合も、機密性の高いアカウントのないプロファイルを使ってください。
Claude in Chrome はテストしましたか?
いいえ。有料プランとログイン済みの Chrome プロファイルが必要で、私たちのテストルールではそれを除外しています。その列は Anthropic のドキュメントに基づいています。Chrome DevTools MCP はローカルのテストフォームで実機テストしました。
Claude in Chrome は Edge や Brave で動きますか?
Anthropic のページで記述が異なります。ヘルプセンターはその他の Chromium 系ブラウザには非対応としていますが、Claude Code のドキュメントは Chrome 連携が Chrome と Edge で動き、Brave、Arc、Vivaldi、Opera を検出するとしています。お使いのブラウザについては最新のドキュメントを確認してください。

自分のエージェントでローンチする

LaunchRepo は、Claude Code、Codex などのコーディングエージェントに、ローンチプラットフォームとディレクトリ向けのテスト済みプレイブックを提供します。あなた自身の Chrome で動き、エージェントが最終的な申請を自分で送信するか、先にあなたに確認するかを、オンボーディングの際に一度だけ決めます。

料金を見る