Helfen Sie Ihrem Agenten, Ihren Code richtig zu erstellen, zu debuggen und zu überprüfen. Mit den Chrome-Entwicklertools für Agents kann Ihr KI-Agent mit dem Chrome-Browser interagieren, um Code zu testen, Nutzer zu emulieren und Fehler mithilfe der Funktionen der Chrome-Entwicklertools zu beheben, bevor er veröffentlicht wird.
Los gehts Auf GitHub ansehen

Jetzt installieren

Alle Installationsoptionen auf GitHub ansehen

Die Chrome-Entwicklertools für Agents sind bereits in Antigravity 2.0 enthalten. Sie können sie sofort mit dem Browser-Sub-Agent verwenden. Verwenden Sie einen Slash-Befehl wie:

/browser Navigate to the Google homepage

Wenn Sie auf spezielle Agent-Skills zugreifen möchten, installieren Sie das Entwicklertools-Plug-in bei der ersten Einrichtung im Schritt Mit Google entwickeln oder in den Anwendungseinstellungen.

  # 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

Wenn Sie einen anderen Coding-Agent wie Copilot oder OpenCode verwenden, folgen Sie der Anleitung in unserem GitHub-Repository.

Was kann Ihr Agent tun?

Geben Sie Ihrem Agenten die Möglichkeit, mit dem Webbrowser zu interagieren.

Testen Sie responsive Designs, verschiedene geografische Standorte und Nutzerabläufe. Weitere Informationen.
Stellen Sie eine Verbindung zu Ihrer aktiven Chrome-Sitzung her, um in Echtzeit zu prüfen, zu pausieren und Fehler zu beheben. Weitere Informationen
Führen Sie Audits für Barrierefreiheit, SEO und Leistung aus, um umsetzbare Checklisten zu erstellen, bevor Sie Code in die Produktion übertragen. Weitere Informationen.

Aufforderungen für eine bessere Nutzererfahrung

Ihr KI-Agent kann Websites aufrufen, mit Schaltflächen interagieren, Seiten durchsuchen und sofortige Barrierefreiheitsprüfungen durchführen – alles über eine vollständig verwaltete Browserinstanz. 
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.
Hier erfahren Sie, wie Sie die Chrome-Entwicklertools für Agenten einrichten und wie Agenten autonom debuggen und überprüfen. In diesem Video werden die Installation, der Handshake und die Verwendung der CLI für Batchvorgänge behandelt.