Chrome DevTools voor agents



Help je agent om je code correct te maken, te debuggen en te verifiëren. Met Chrome DevTools voor agents kan je AI-agent communiceren met de Chrome-browser om code te testen, gebruikers te emuleren en bugs op te sporen met de mogelijkheden van Chrome DevTools voordat je de code verzendt.
Aan de slag Bekijken op GitHub

Nu installeren

Lees de disclaimer en bekijk alle installatieopties op GitHub voordat je de app installeert

Chrome DevTools voor agents is vooraf gebundeld met Antigravity 2.0. Je kunt de functie meteen gebruiken met de sub-agent voor de browser. Gebruik een slash-opdracht, zoals:

  /browser Navigate to the Google homepage

Als je toegang wilt tot gespecialiseerde agentvaardigheden, installeer je de DevTools-plug-in tijdens de stap Gebouwd met Google van de eerste installatie of in de app-instellingen.

  # Install as an Antigravity plugin (MCP+Skills).
  # Start Antigravity CLI and use:
  /plugin install chrome-devtools-plugin
 
  # 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

Als je een andere programmeeragent gebruikt, zoals Copilot of OpenCode, volg je de instructies in onze GitHub-repository.

Wat kan je agent doen?

Geef je agent de mogelijkheid om te communiceren met de webbrowser.

Test responsieve ontwerpen, verschillende geolocaties en echte gebruikersstromen. Meer informatie.
Maak verbinding met je actieve Chrome-sessie om in realtime te inspecteren, te onderbreken en problemen op te lossen. Meer informatie.
Voer controles uit voor toegankelijkheid, SEO en prestaties om actiegerichte checklists te bieden voordat je code naar productie pusht. Meer informatie.

Prompts die de gebruikerservaring verbeteren

Geef je AI-agent de mogelijkheid om op websites te navigeren, knoppen te gebruiken, pagina's te verkennen en onmiddellijke toegankelijkheidscontroles uit te voeren, allemaal via een volledig beheerde browserinstantie. 
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.
Ontdek hoe je Chrome DevTools voor agents instelt en hoe agents autonoom fouten opsporen en verifiëren. In deze video wordt uitgelegd hoe je de CLI installeert, de handshake uitvoert en de CLI gebruikt voor batchacties.