Help je agent om je code correct te bouwen, debuggen en 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 behulp van de mogelijkheden van Chrome DevTools voordat de applicatie wordt uitgebracht.
Aan de slag Bekijk op GitHub

Nu installeren

Lees vóór de installatie de disclaimer en bekijk alle installatieopties op GitHub.

Chrome DevTools voor agents wordt standaard meegeleverd met Antigravity 2.0 . Je kunt er direct mee aan de slag via de browser-subagent . Probeer bijvoorbeeld een slash-commando zoals:

  /browser Navigate to the Google homepage

Om toegang te krijgen tot gespecialiseerde agentvaardigheden, installeer je de DevTools-plug-in tijdens de stap 'Bouwen met Google' van de eerste installatie of in de toepassingsinstellingen.

  # 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

Als je een andere codeeragent gebruikt, zoals Copilot of OpenCode, volg dan de instructies op onze GitHub-repository .

Wat kan uw agent doen?

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

Test responsieve ontwerpen, verschillende geografische locaties en realistische gebruikersstromen. Lees meer .
Maak verbinding met je actieve Chrome-sessie om deze in realtime te inspecteren, pauzeren en problemen op te lossen. Meer informatie .
Voer audits uit voor toegankelijkheid (A11y), SEO en prestaties om bruikbare checklists te genereren voordat je code in productie neemt. Lees meer .

Aanwijzingen die leiden tot betere gebruikerservaringen

Geef je AI-agent de mogelijkheid om websites te navigeren, met knoppen te interageren, pagina's te verkennen en direct toegankelijkheidsaudits uit te voeren, allemaal via een volledig beheerde browseromgeving. 
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.
Leer hoe je Chrome DevTools voor agents instelt en zie hoe agents autonoom debuggen en verifiëren. Deze video behandelt de installatie, de handshake en het gebruik van de CLI voor batchacties.