Google、「Chrome DevTools for agents」1.0安定版を公開。AIコーディングエージェントにブラウザ操作を解放

Googleは2026年5月19日、Chrome Developersの公式ブログで、AIコーディングエージェント向けのツール「Chrome DevTools for agents」の1.0安定版を公開したと発表しました。数か月前に初公開されていたもので、今回正式な安定版リリースとなりました。

画像引用元: Chrome Developers

AIコーディングツールの「見えない問題」を解決

Googleは、AIコーディングツールについて「コードを書くことには非常に長けているが、その実行からは切り離されていることが多い」と指摘しています。複雑なWebアプリを生成できても、実際のブラウザでその挙動を観察したり、出力を検査したりはできない、という問題です。

Chrome DevTools for agentsは、コーディングエージェントに対して、コードをリアルタイムで検証・デバッグ・最適化するために必要な「可視性」を与えるツールです。エージェントが実際のユーザーと同じようにサイトを体験できるようにする狙いがあります。

3つの接続方法を用意

1.0安定版では、エージェントとChromeを接続する方法として次の3つが用意されています。

• MCPサーバー: 大規模言語モデルとDevToolsのデバッグ機能を接続するサーバー
• CLI（コマンドラインインターフェース）: アクションをスクリプトにまとめられる、トークン効率のよい代替手段
• エージェントスキル: アクセシビリティや性能デバッグなど、特定のタスクでツールをいつ・どう使うかをエージェントに教える専門的な指示

用途や求める軽さに応じて、接続方法を選べる構成になっています。

監査・エミュレーション・メモリ解析を自動化

1.0安定版では、これまで手作業だった高度なデバッグ作業をエージェントが実行できるようになりました。Googleが挙げている主な機能は次のとおりです。

• 品質監査の自動化: Lighthouse監査を実行し、アクセシビリティ・SEO・ベストプラクティスなどの問題を検出。本番に到達する前の品質ゲートとして機能する
• 実環境のエミュレーション: 画面サイズの変更、位置情報のシミュレーション、ネットワークやCPU速度のスロットリングで、モバイル特有の挙動などを検証
• Chrome拡張機能のデバッグ: 拡張機能のインストール・再読み込み・アクション実行を直接行い、開発中の「保存と更新」のサイクルを自動化
• メモリリークの検出: ヒープスナップショットを取得し、切り離されたDOMノードなどのメモリリークを特定

これらにより、エージェントがランタイムを理解するリンターや性能の専門家のように振る舞えるとしています。

認証済みセッションの引き継ぎにも対応

注目すべき機能の1つが「auto-connect（自動接続）」です。通常、Chrome DevTools for agentsはエージェント専用のサンドボックス化されたブラウザを開いてアクセスを与えますが、auto-connectでは現在のブラウザのコンテキストをエージェントと共有できます。

これは、認証が必要なダッシュボードのデバッグなどに向いています。ログイン済みの状態をエージェントに引き継げるため、利用者がすべてを再認証することなく、AIエージェントに技術的な調査を任せられます。あわせて、新しいWebMCP（Web Model Context Protocol）のオリジントライアル向けの可視化や、サードパーティ開発者ツールによる内部状態の共有にも対応しています。

Claude CodeやGemini CLIへの導入方法

Chrome DevTools for agentsは、npmでのインストールに加え、主要なエージェントへ直接組み込めます。Antigravity 2.0にはあらかじめ同梱されており、ブラウザサブエージェントですぐに利用できます。

Gemini CLIでは拡張機能としてインストールでき、Claude Codeでは/plugin marketplace addと/plugin installのスラッシュコマンドでプラグインとして導入できます。特定のエージェントに縛られず、複数のAIコーディング環境で使える設計になっています。

まとめ：エージェントに「実行時の目」を与える

Chrome DevTools for agentsの1.0安定版公開は、AIコーディングが「コードを書く」段階から「書いたコードを実際のブラウザで検証する」段階へ進みつつあることを示しています。生成したコードをエージェント自身が動かし、監査し、デバッグできるようになる点が今回の要点です。

Claude CodeやGemini CLIなど複数のエージェントに対応している点からは、ブラウザ操作という機能が特定ツールの差別化要素ではなく、共通基盤として整備されつつあることがうかがえます。実行時の挙動を確認できる環境が標準化されることで、AI生成コードの検証フローも変わっていきそうです。

Source Chrome Developers

Streamline your AI coding workflow with Chrome DevTools for agents 1.0

Chrome DevTools for agents provides your coding agent with the visibility it needs to verify, debug, and optimize code in real time.