エージェントがコードを正しくビルド、デバッグ、検証できるようにします。エージェント向けの Chrome DevTools を使用すると、AI エージェントは Chrome ブラウザとやり取りして、コードのテスト、ユーザーのエミュレート、Chrome DevTools の機能を使用したバグの検出をリリース前に行うことができます。
使ってみる GitHub で表示

今すぐインストール

GitHub でインストール オプションをすべて確認する

エージェント用の Chrome DevTools は、Antigravity 2.0 にバンドルされています。ブラウザ サブエージェントを使用すると、すぐに使用を開始できます。次のようなスラッシュ コマンドを試してください。

/browser Navigate to the Google homepage

専門的なエージェント スキルにアクセスするには、初回設定の [Build with Google] ステップまたはアプリケーション設定で DevTools プラグインをインストールします。

  # Install as a Gemini extension (MCP+Skills):
  gemini extensions install --auto-update https://github.com/ChromeDevTools/chrome-devtools-mcp
 
  # Install as a plugin (MCP+Skills)
  # Add the marketplace registry:
  /plugin marketplace add ChromeDevTools/chrome-devtools-mcp
  # Install
  /plugin install chrome-devtools-mcp@chrome-devtools-plugins
 
  codex mcp add chrome-devtools -- npx chrome-devtools-mcp@latest

Copilot や OpenCode などの他のコーディング エージェントを使用している場合は、GitHub リポジトリの手順に沿って操作してください。

エージェントができること

エージェントにウェブブラウザを操作する機能を追加します。エージェントが実行できるその他の操作については、ユースケースのドキュメントをご覧ください。

レスポンシブ デザイン、さまざまな地理位置情報、実際のユーザーフローをテストします。詳しくは、こちらをご覧ください。
アクティブな Chrome セッションに接続して、リアルタイムで検査、一時停止、トラブルシューティングを行います。詳しくは、こちらをご覧ください。
コードを本番環境にプッシュする前に、アクセシビリティ、SEO、パフォーマンスの監査を実行して、実用的なチェックリストを提供します。詳細。

ユーザー エクスペリエンスを向上させるプロンプト

AI エージェントに、完全に管理されたブラウザ インスタンスを通じて、ウェブサイトのナビゲーション、ボタンの操作、ページの探索、インスタント アクセシビリティ監査の実行を行う権限を付与します。 
Go to developer.chrome.com on mobile, click the burger menu, and check for top-level navigation items.
 
Go to https://chrome.dev/devtools-store-locator. Simulate your location is Berlin and check if the store locator shows the Rosenthaler Strasse branch.
 
Run a Lighthouse accessibility audit and suggest fixes for any low-contrast elements.
 
Perform an SEO audit and verify all images have descriptive alt text.
エージェント用に Chrome DevTools を設定する方法と、エージェントが自律的にデバッグと検証を行う方法について学習します。この動画では、インストール、ハンドシェイク、CLI を使用したバッチ アクションについて説明します。