Chrome DevTools Protocol

Definitie

Het Chrome DevTools Protocol (CDP) is de interface die Chrome voor tooling openstelt: hetzelfde kanaal dat de ingebouwde ontwikkelaarstools gebruiken, beschikbaar gemaakt voor andere programma’s via een lokale WebSocket. Daarmee kan een programma tabbladen openen, navigeren, de DOM lezen, invoer versturen en screenshots maken.

Sinds Chrome 136 negeert de browser de oude remote-debuggingflags voor zijn standaardmap met gebruikersgegevens. Een aangestuurde Chrome heeft dus ofwel de remote-debuggingoptie op de inspect-pagina nodig (Chrome 144+), ofwel een aparte map met gebruikersgegevens met een eigen poort.

Bronnen: Chrome DevTools Protocol · Chrome for Developers: Changes to remote debugging switches · chrome-devtools-mcp: configuration

Voorbeeld

Je gebruikt Chrome 144 of nieuwer. Je opent chrome://inspect/#remote-debugging, schakelt remote debugging in en start Chrome DevTools MCP met --autoConnect. Chrome vraagt of de verbinding mag; je keurt die goed in het venster dat je wilt gebruiken, en de agent kan nu je open tabbladen weergeven en aansturen.

Wil je liever isolatie, of is je Chrome ouder, dan start je een tweede Chrome met een eigen map met gebruikersgegevens op poort 9222 en richt je de MCP-server op http://127.0.0.1:9222. De oude flag alleen werkt sinds Chrome 136 niet meer op je dagelijkse profiel. Beide commando’s staan hieronder.

# Mode A: Chrome 144+, remote debugging enabled on chrome://inspect/#remote-debugging
npx -y chrome-devtools-mcp@latest --autoConnect

# Mode B: dedicated profile on a loopback port
"<path to Chrome>" --remote-debugging-port=9222 --user-data-dir="$PWD/.browser/chrome" about:blank
npx -y chrome-devtools-mcp@latest --browserUrl=http://127.0.0.1:9222

Waarom het ertoe doet bij een directory-launch

CDP maakt van de browser waarin je bent ingelogd iets wat een agent kan bedienen. Juist daarom verdient het zorg: een debugpoort bestuurt de hele browser, inclusief pagina’s waarop je bent ingelogd. De poort op het loopbackadres houden, hem nooit tunnelen en hem na een batch sluiten hoort bij de setup; het is geen optionele extra beveiliging.

Hoe LaunchRepo ermee omgaat

BROWSER-SETUP.md biedt twee modi. A: schakel remote debugging in op chrome://inspect in Chrome 144+ en laat Chrome DevTools MCP automatisch verbinden; keur de verbindingsprompt goed in het venster dat je bedoelt. B: start een aparte Chrome met een eigen map met gebruikersgegevens op 127.0.0.1:9222 en richt de MCP-server op die URL. Nooit beide tegelijk, nooit een openbare poort, en het zichtbare tabblad moet bewegen voordat een draaiend proces als toegang telt.

Verder lezen

Verbind je codingagent met je Chrome →

Beide verbindingsmodi stap voor stap, de smoketest op een openbare pagina en hoe je de debugpoort na een batch sluit.

Verwante termen

Browser agent

Een agent die een webbrowser bedient — navigeren, pagina’s lezen, formulieren invullen en klikken — als los product of als coding agent met een browsertool.

MCP-server

Een proces dat via het Model Context Protocol tools beschikbaar maakt voor een AI-agent — bij LaunchRepo het proces dat de agent een Chrome-tabblad geeft.

AI coding agent

Een door een taalmodel aangestuurde assistent die in een project bestanden leest en bewerkt, commando’s uitvoert en tools aanroept — zoals Claude Code, Codex en Cursor.

Alle termen uit de woordenlijst →