chrome-devtools-mcp：MCPでChromeをAgent制御
この MCP サーバーを使うと、コーディングエージェントが DevTools 経由で稼働中の Chrome ブラウザを操作・検査でき、デバッグ、パフォーマンス分析、Puppeteer ベースの自動化が可能です。
ひと目でわかる
- これは何？
- ChromeDevTools/chrome-devtools-mcpのnpx chrome-devtools-mcp@latest、--slim --headless、puppeteer自動化、v1.8.0、Apache-2.0をREADME事実で整理します。
- 誰に向いている？
- Cursor/Claude等MCPクライアントからライブChromeの性能トレース・ネットワーク・コンソールをAgentに見せたい開発者向き。READMEはブラウザ内容をMCPクライアントへ露出するため、機密ページでは`--no-usage-statistics`と`--no-performance-crux`付きで隔離プロファイルを使い、`npx -y chrome-devtools-mcp@latest --slim --headless`から開始してください。
- 商用利用できる？
- できます。Apache-2.0 は寛容なライセンスで、著作権表示とライセンス表示を残せば、使用・改変・販売が可能です。
- 今もメンテナンスされている？
- されています。直近 1 日以内に新しいコミットがあります。
- 何の言語で書かれている？
- 主に TypeScript です（GitHub の言語統計による）。
回答はプロジェクトの GitHub データ（最終同期：2026年9月15日）と当サイトの分析に基づくもので、法的助言ではありません。
オープンソース詳細解説
MCPサーバーとしてのDevTools全機能
chrome-devtools-mcpはREADMEで、coding agent（Antigravity/Claude/Cursor/Copilot等）がライブChromeを制御・検査するMCP server、と説明されています。Chrome DevTools全能力をAgent coding assistantへ提供し、automation/in-depth debugging/performance analysisを可能にする、とREADMEは述べます。CLI（docs/cli.md）もMCPなし利用向けに提供、とREADMEにあります。冒頭リンクはTool reference（docs/tool-reference.md）、Changelog（CHANGELOG.md）、Contributing（CONTRIBUTING.md）、Troubleshooting（docs/troubleshooting.md）、Design Principles（docs/design-principles.md）です。
TypeScript、Apache-2.0、homepage npmjs.org/package/chrome-devtools-mcp、約49,922スター、94 open issue、リリースタグchrome-devtools-mcp-v1.8.0（2026-08-25）、v1.7.0（2026-08-10）、v1.6.0（2026-07-14）が取得時点メタデータです。Model Context Protocol準拠サーバーとして動作し、クライアント側はmcp.jsonへcommand/argsを書くだけで接続できる、というREADME Getting started節の前提です。npmパッケージ名はchrome-devtools-mcpで、GitHubリポジトリ名ChromeDevTools/chrome-devtools-mcpと対応します。
puppeteer自動化と性能トレース
Key features：Chrome DevTools（ChromeDevTools/devtools-frontend）でtrace記録しactionable performance insights抽出、network requests/screenshots/console messages（source-mapped stack traces）分析、READMEは説明しています。Reliable automationはpuppeteerでChrome操作しaction resultsを自動待機、とREADMEは述べます。
性能ツールはtrace URLをGoogle CrUX APIへ送りfield data取得可能、Chrome User Experience Report由来、とREADME Disclaimersにあります。無効化は`--no-performance-crux`フラグです。隔離環境では`npx -y chrome-devtools-mcp@latest`起動後、1ページnavigate+trace取得し、CrUX送信有無をネットワークログで確認してください。lab dataとfield dataを併記する設計意図はREADMEにありますが、送信されるURL形式や保持期間の詳細はREADME外です。性能改善の前後比較では同一ページ・同一Chrome版でtraceを2回取得し、差分を記録する手順がREADMEから導けます。CrUXはdeveloper.chrome.com/docs/cruxが一次説明です。
機密データ露出とChromeサポート範囲
README Disclaimers：chrome-devtools-mcpはbrowser instance内容をMCP clientsへ露出し、inspect/debug/modify任意データ可能、敏感/個人情報を共有しないこと、と明記しています。公式サポートはGoogle ChromeとChrome for Testing（developer.chrome.com/blog/chrome-for-testing）のみ、他Chromium系は非保証・自己責任、Extended Stable Chrome最新版へのfix/supportコミット（chromiumdash.appspot.com/schedule）、とREADMEは述べます。
Agentに本番ログインセッションを渡す前に、専用Chromeプロファイルとテストアカウントのみ使用する必要があります。Cookie、localStorage、開いている社内タブ、DevToolsで見えるネットワークトークンまでMCPクライアントへ渡り得る、というREADMEの警告は権限設計に直結します。Chrome for Testingバイナリを使う場合はdeveloper.chrome.comの配布版を固定し、通常Chromeとのプロファイル混在を避けるのがREADMEの支持範囲内の運用です。EdgeやBraveで動いてもサポート対象外、とREADMEは書いています。
npx chrome-devtools-mcp@latest基本設定
Requirements：Node.js LTS（nodejs.org、github.com/nodejs/Release#release-schedule）、Chrome current stable+、npm、とREADMEは列挙しています。MCP client設定例ではcommandにnpx、argsに-yとchrome-devtools-mcp@latestを指定します。chrome-devtools-mcp@latestは常に最新版使用、とREADME NOTEがあります。CursorやClaude Desktopも同一mcpServers JSON構造を読み込み、再現性重視なら@v1.8.0タグ固定がREADME NOTEと両立します。
基本browser taskのみなら`--slim --headless`付きargs例がREADMEにあり、Slim tool reference（docs/slim-tool-reference.md）参照、とREADMEは案内しています。評価では--slim --headlessで1スナップショット取得し、tool reference記載ツール数と応答時間を記録してください。headlessはGUIなしCI向け、slimは高度性能ツールを省くモード、というREADMEの使い分けです。フル機能評価ではslimなしで起動し、docs/tool-reference.mdの全ツールセットとの差を確認する必要があります。mcpServersキー名はchrome-devtoolsがREADME例です。 Getting startedのJSON例はmcpServers.chrome-devtools.commandがnpx、argsが["-y", "chrome-devtools-mcp@latest"]です。
--no-usage-statisticsとCHROME_DEVTOOLS_MCP_NO_USAGE_STATISTICS
README Usage statistics：Googleはtool invocation success rates/latency/environment informationを収集（デフォルト有効）、改善目的、と説明しています。opt-outは起動argsに`--no-usage-statistics`を追加します。JSON例はargsに-y、chrome-devtools-mcp@latest、--no-usage-statisticsです。Google Privacy Policy（policies.google.com/privacy）準拠、Chrome browser metricsとは独立、とREADMEは明記しています。Chrome本体のmetricsオプトアウトだけでは本ツールの統計は止まらない、とREADMEは注意しています。
CHROME_DEVTOOLS_MCP_NO_USAGE_STATISTICSまたはCI環境変数設定でも収集無効、とREADMEは述べます。CHROME_DEVTOOLS_MCP_NO_UPDATE_CHECKSでnpm registry更新チェックも無効化可能、とREADME Update checks節にあります。企業環境では両フラグ+環境変数をmcp.json固定し、起動ログにstatistics enabled表示が無いことを確認してください。Update checksはデフォルトでnpm registryを定期確認し新版通知を出すため、エアギャップCIではCHROME_DEVTOOLS_MCP_NO_UPDATE_CHECKS必須です。
Antigravity --browser-url=9222接続
README MCP Client configurationにAntigravity例：`--browser-url=http://127.0.0.1:9222`付きargs、Antigravity組込browserへ自動接続、9222以外は調整必要、browser未起動時は右上Chrome iconクリックで起動、chrome-devtools-mcpはbrowser自動起動しない、とREADME Antigravity節にあります。Antigravity docsはantigravity.google/docs/mcpです。
Claude Code CLI例：`claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest`。Plugin経路は`/plugin marketplace add ChromeDevTools/chrome-devtools-mcp`→`/plugin install`、skills付き、とREADMEにあります。既存インストールがある場合は先に削除してからplugin入れ直し、というNOTEです。Ampはampcode.com/manual#mcpに従い、`amp mcp add chrome-devtools -- npx chrome-devtools-mcp@latest`でも入れられます。Bob向けには~/.bob/mcp.json（全workspace）または.bob/mcp.json（1プロジェクト）へ同設定を書き、Bob panel Settings MCPからhot-reload、MCPタブ表示後にBrowser Dev modeへ切替、とREADME Bob節にあります。Antigravity利用時は127.0.0.1:9222待受とMCP tool 1回呼出成功を記録してください。
docs/tool-reference.mdとCLI単体利用
READMEはTool reference（docs/tool-reference.md）、Changelog（CHANGELOG.md）、Contributing（CONTRIBUTING.md）、Troubleshooting（docs/troubleshooting.md）、Design Principles（docs/design-principles.md）へのリンクを冒頭に置いています。MCP以外ではdocs/cli.mdのCLI経路で同等操作可能、とREADMEは説明しています。slimモード時はdocs/slim-tool-reference.mdがツール集合の正本です。
評価ではリポジトリclone後docs/tool-reference.mdで利用可能tool名を1つ選び、MCP経由とCLI経由の両方で同一ページに対する操作（スナップショット取得またはconsole messages読取）をchrome-devtools-mcp-v1.8.0固定環境で実行し、応答形式差を記録してください。docs/troubleshooting.md記載の既知問題が自環境Node.js LTS/Chrome stable組合せに該当しないかも確認対象です。Design Principlesはツール追加時の設計判断を示す文書としてREADMEからリンクされており、カスタムクライアント開発者が拡張方針を理解する入口になります。CHANGELOG.mdでv1.7.0からv1.8.0の差分を読んでから本番エージェントへ上げてください。
Apache-2.0とv1.8.0固定検証
Apache License 2.0、著作権/特許ライセンス付与と特許訴訟提起時終了条項、保証なし、とlicense/README参照です。セキュリティ監査、サポート、本番適合性主張はREADMEにありません。npmjs.org/package/chrome-devtools-mcpが配布入口、GitHub Releasesのタグ名はchrome-devtools-mcp-v1.8.0形式です。Apache-2.0は社内改変と特許防御終了条項をセットで読む必要があり、MCP経由で社内ページをAgentに渡す運用とは別に、フォーク再配布時のNOTICE保持も発生します。
v1.8.0（2026-08-25）固定で`npx -y chrome-devtools-mcp@v1.8.0 --no-usage-statistics --no-performance-crux --slim --headless`起動、docs/tool-reference.md記載ツール1つ実行、CHANGELOG.mdでv1.7.0→v1.8.0差分確認がREADMEから辿れる評価経路です。利用クライアントごとにmcp.jsonへ--no-usage-statisticsを付与した設定を保存してください。@latestとタグ固定が食い違った場合はCHANGELOGで意図的更新かを確認してから本番エージェントへ反映します。Node.js LTSとChrome stableの版も採用記録に並べて書いてください。
編集部の結論
Cursor/Claude等MCPクライアントからライブChromeの性能トレース・ネットワーク・コンソールをAgentに見せたい開発者向き。READMEはブラウザ内容をMCPクライアントへ露出するため、機密ページでは`--no-usage-statistics`と`--no-performance-crux`付きで隔離プロファイルを使い、`npx -y chrome-devtools-mcp@latest --slim --headless`から開始してください。Google Chrome/Chrome for Testing以外のChromiumは非保証です。導入後はdocs/tool-reference.mdのツール名とv1.8.0タグを採用記録に残し、CrUX送信とusage statisticsの有無をネットワークログで確認してから本番リポジトリへ接続してください。
コミュニティノート