Chrome DevTools MCP
製品の状態: 状態未登録
この項目にはライフサイクルの確認記録がありません。掲載は現在の利用可否を保証しません。利用前に提供元へ確認してください。
状態の確認日は未登録
MCP または CLI 経由でコーディングエージェントに実物の Chrome を与え、ページの検査・デバッグ・監査を可能にします。 この項目にはライフサイクルの確認記録がありません。掲載は現在の利用可否を保証しません。利用前に提供元へ確認してください。
プロダクトプレビュー
詳細レビュー
Chrome DevTools MCP はコーディングエージェントを実物の Chrome に接続します。Model Context Protocol かコマンドライン経由で、稼働中のページを検査し、コンソールとネットワークの動きを読み、Lighthouse 監査を走らせます。Google の説明は、フロントエンドの作業を自分の想定ではなくブラウザに対して検証できるようにする、というものです。
これは特定の失敗に対する具体的な手当てです。フロントエンドのコードを書くエージェントは、DOM そのものではなく DOM についての記述を元に作業します。ページが想像どおりであれば動くコードを出し、それを根拠に成功を報告します。ブラウザを渡すことは、フィードバックの輪を現実に戻します。要素は本当に想定の位置になく、その取得は本当に CORS で失敗し、レイアウトは本当にずれます。測定はエージェント自身の出力に対する意見ではなくなります。それこそが、この種の道具が存在する理由の失敗の形です。留保は範囲です。実物のブラウザは実物の攻撃面であり、あなたのセッションとネットワーク権限でそれを操作するエージェントは、意図しない場所に届き得ます。
出典
このレビューの事実に関する記述は、以下のページから読み取りました。日付は編集者が最後にその出典を開いた日であり、製品が変更された日ではありません。
- ベンダー公式ドキュメント 確認日 2026-09-19
- ベンダー公式ドキュメント 確認日 2026-09-19
長所 / 短所
長所
- ページについてのエージェントの思い込みを、ページそのものに置き換える
- DOM 検査だけでなく Lighthouse 監査もエージェントに与える
- 公式でオープンソース、無償
短所
- あなたのセッション付きの実ブラウザは実在する攻撃面
- 検証するのはフロントエンドの挙動であり、その機能が必要かどうかではない
- 本項目では実行しておらず、エージェント下での挙動は観察していません
こんな人におすすめ
エージェントに、自分が書いた UI を検証させる
コンソールとネットワークのエラーをエージェントから調べる
アクセシビリティと性能の監査を必要なときに走らせる
ページが想定ではなく意図どおりに描画されるか確認する
総評
エージェントの輪に実物のブラウザを入れる。要点は、フィードバックがページから来て、エージェントの思い込みからは来ないことです。
主な機能
タグ
よくある質問
Chrome DevTools MCP は現在利用できますか？
この項目にはライフサイクルの確認記録がありません。掲載は現在の利用可否を保証しません。利用前に提供元へ確認してください。
Chrome DevTools MCP とは？
Chrome DevTools MCP は Google Chrome が開発したエージェントと開発ツールツールです。MCP または CLI 経由でコーディングエージェントに実物の Chrome を与え、ページの検査・デバッグ・監査を可能にします。
Chrome DevTools MCP は無料ですか？
はい——Chrome DevTools MCP は無料で利用できます。
Chrome DevTools MCP はオープンソースですか？
はい——Chrome DevTools MCP はオープンソースです。ソースコードは https://github.com/ChromeDevTools/chrome-devtools-mcp で公開されています。
Chrome DevTools MCP のおすすめの代替ツールは？
注目のエージェントと開発ツール代替ツールには Firecrawl、Browser Use、Daytona などがあります。カテゴリーページで全 33 件のツールをご覧ください。
このページは役に立ちましたか？
