Aidez votre agent à créer, déboguer et vérifier correctement votre code. Grâce aux outils pour les développeurs Chrome pour les agents, votre agent d'IA peut interagir avec le navigateur Chrome pour tester le code, émuler les utilisateurs et détecter les bugs à l'aide des fonctionnalités des outils pour les développeurs Chrome avant la mise en production.
Premiers pas Afficher sur GitHub

Installer

Consultez toutes les options d'installation sur GitHub

Les outils pour les développeurs Chrome pour les agents sont fournis avec Antigravity 2.0. Vous pouvez commencer à les utiliser immédiatement avec le sous-agent de navigateur. Essayez d'utiliser une commande à barre oblique, par exemple :

/browser Navigate to the Google homepage

Pour accéder à des compétences d'agent spécialisées, installez le plug-in Outils de développement lors de l'étape Créer avec Google de la configuration initiale ou dans les paramètres de l'application.

  # 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

Si vous utilisez un autre agent de codage tel que Copilot ou OpenCode, suivez les instructions de notre dépôt GitHub.

Que peut faire votre agent ?

Autorisez votre agent à interagir avec le navigateur Web.

Testez les conceptions responsives, les différentes géolocalisations et les flux d'utilisateurs réels. En savoir plus
Connectez-vous à votre session Chrome active pour inspecter, mettre en pause et résoudre les problèmes en temps réel. En savoir plus.
Exécutez des audits d'accessibilité, de SEO et de performances pour obtenir des checklists pratiques avant de déployer le code en production. En savoir plus

Des invites pour une meilleure expérience utilisateur

Donnez à votre agent IA la possibilité de parcourir des sites Web, d'interagir avec des boutons, d'explorer des pages et d'effectuer des audits d'accessibilité instantanés, le tout via une instance de navigateur entièrement gérée. 
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.
Découvrez comment configurer les outils pour les développeurs Chrome pour les agents, et comment déboguer et valider les agents de manière autonome. Cette vidéo explique comment installer la CLI, l'associer à votre compte et l'utiliser pour effectuer des actions par lot.