Je kunt Chrome DevTools voor agents configureren om aan te passen hoe het met de browser communiceert, welke tools zijn ingeschakeld en hoe het met gegevens omgaat.
Configureer de server door commandoregelvlaggen door te geven in de args array van uw Model Context Protocol (MCP)-clientconfiguratiebestand. Dit is doorgaans het bestand config.json .
Om bijvoorbeeld Chrome in headless-modus uit te voeren en het Canary-kanaal te gebruiken, kunt u de volgende configuratie gebruiken:
{
"mcpServers": {
"chrome-devtools": {
"command": "npx",
"args": [
"-y",
"chrome-devtools-mcp@latest",
"--headless",
"--channel=canary"
]
}
}
}
Veelvoorkomende configuratiescenario's
De volgende scenario's beschrijven veelvoorkomende manieren om Chrome DevTools voor agents te configureren.
Draaien in headless-modus
Om achtergrondtaken uit te voeren zonder een zichtbaar browservenster, start u Chrome in de headless-modus (zonder gebruikersinterface). Voeg de vlag --headless toe aan uw serverargumenten.
Verbinden met een bestaande browsersessie
Standaard start DevTools voor agents een nieuwe Chrome-instantie. Je kunt je agent echter ook verbinden met een bestaande browsersessie. Dit is handig als je agent een probleem moet onderzoeken in een sessie die je al bent gestart (bijvoorbeeld als je al bent ingelogd).
Je kunt op twee manieren verbinding maken met een bestaande sessie:
Automatische verbinding (Chrome 144+)
Als je de vlag --autoConnect gebruikt, maakt de MCP-server automatisch verbinding met een actieve Chrome-instantie.
- Ga in je actieve Chrome-browser naar
chrome://inspect/#remote-debuggingen schakel ' Externe foutopsporing' in. - Voeg
--autoConnecttoe aan je MCP-configuratie:json "args": ["chrome-devtools-mcp@latest", "--autoConnect"] - Wanneer de agent probeert verbinding te maken, toont Chrome een dialoogvenster waarin om toestemming wordt gevraagd. Klik op Toestaan .
Handmatige aansluiting
Als je --autoConnect niet kunt gebruiken (bijvoorbeeld in een afgeschermde omgeving), kun je Chrome handmatig starten met een debugpoort en verbinding maken met --browser-url .
- Start Chrome vanuit de terminal met externe foutopsporing ingeschakeld en een aangepaste gebruikersgegevensmap.
- macOS :
shell /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-debugging-port=9222 --user-data-dir=/tmp/chrome-profile-stable - Windows :
shell start chrome --remote-debugging-port=9222 --user-data-dir=%TEMP%\chrome-profile-stable - Linux :
shell google-chrome --remote-debugging-port=9222 --user-data-dir=/tmp/chrome-profile-stable
- macOS :
- Configureer uw agent om verbinding te maken met deze poort:
json "args": ["chrome-devtools-mcp@latest", "--browser-url=http://127.0.0.1:9222"]
Referentie voor configuratieopties
In de volgende secties worden de beschikbare configuratievlaggen weergegeven. Voor de meest recente opties en updates kunt u de Chrome DevTools MCP GitHub-repository raadplegen.
Verbindingsopties
Gebruik deze opties om te configureren hoe de server verbinding maakt met Chrome.
| Vlag | Type | Standaard | Beschrijving |
|---|---|---|---|
--autoConnect of --auto-connect | booleaans | false | Maakt automatisch verbinding met een lokaal draaiende Chrome-instantie (144+). Vereist dat foutopsporing op afstand is ingeschakeld via chrome://inspect/#remote-debugging . |
--browserUrl of --browser-url-u | snaar | false | Maak verbinding met een actieve, debugbare Chrome-instantie (bijvoorbeeld http://127.0.0.1:9222 ). |
--wsEndpoint of --ws-endpoint-w | snaar | false | WebSocket-eindpunt om verbinding te maken met een actieve Chrome-instantie (bijvoorbeeld ws://127.0.0.1:9222/devtools/browser/<id> ). Alternatief voor --browserUrl . |
--wsHeaders of --ws-headers | snaar | false | Aangepaste headers voor WebSocket-verbindingen in JSON-formaat (bijvoorbeeld '{"Authorization":"Bearer token"}' ). Werkt alleen met --wsEndpoint . |
Opties voor het starten van de browser
Deze opties zijn van toepassing wanneer de MCP-server Chrome start.
| Vlag | Type | Standaard | Beschrijving |
|---|---|---|---|
--headless | booleaans | false | Draait Chrome in headless-modus (zonder gebruikersinterface). |
--channel | snaar | stable | Hiermee wordt het te gebruiken Chrome-kanaal gespecificeerd. Keuzes: canary , dev , beta en stable . |
--executablePath of --executable-path-e | snaar | false | Pad naar een aangepast Chrome-uitvoerbaar bestand. |
--userDataDir of --user-data-dir | snaar | Zie beschrijving | Pad naar de gebruikersgegevensmap. Standaard is $HOME/.cache/chrome-devtools-mcp/chrome-profile$CHANNEL_SUFFIX_IF_NON_STABLE . |
--isolated | booleaans | false | Hiermee wordt een tijdelijke gebruikersgegevensmap aangemaakt die automatisch wordt opgeruimd wanneer de browser wordt gesloten. |
--viewport | snaar | false | Initiële viewportgrootte (bijvoorbeeld 1280x720 ). In headless-modus is de maximale grootte 3840x2160 . |
--proxyServer of --proxy-server | snaar | false | De proxy-serverconfiguratie wordt doorgegeven aan Chrome. |
--chromeArg of --chrome-arg | array | false | Extra argumenten om aan Chrome door te geven. |
--ignoreDefaultChromeArg of --ignore-default-chrome-arg | array | false | Schakel de standaardargumenten voor Chrome expliciet uit. |
Beveiligings- en privacyopties
Gebruik deze opties om de beveiligingsinstellingen en gegevensprivacy te beheren.
| Vlag | Type | Standaard | Beschrijving |
|---|---|---|---|
--acceptInsecureCerts of --accept-insecure-certs | booleaans | false | Negeert fouten met betrekking tot zelfondertekende en verlopen certificaten. Gebruik met voorzichtigheid. |
--blockedUrlPattern of --blocked-url-pattern | array | false | Beperkt de netwerktoegang door specifieke URL-patronen te blokkeren (gebruikt URLPattern ). Blokkeert navigaties en subbronnen. |
--allowedUrlPattern of --allowed-url-pattern | array | false | Beperkt de netwerktoegang door alleen specifieke URL-patronen toe te staan. Vereist Chrome 149 of hoger. |
--redactNetworkHeaders of --redact-network-headers | booleaans | false | Verwijdert gevoelige netwerkheaders voordat deze naar de client worden teruggestuurd. |
--usageStatistics of --usage-statistics | booleaans | true | Hiermee kunnen gebruiksstatistieken worden verzameld om de tool te verbeteren. Kan ook worden uitgeschakeld met behulp van de omgevingsvariabelen CHROME_DEVTOOLS_MCP_NO_USAGE_STATISTICS of CI . |
--performanceCrux of --performance-crux | booleaans | true | Verstuurt URL's uit prestatietraceringen naar de Google Crux API om gegevens over de daadwerkelijke gebruikerservaring op te halen. |
Functiecategorieën
Met deze vlaggen kunt u groepen tools in- of uitschakelen.
| Vlag | Type | Standaard | Beschrijving |
|---|---|---|---|
--categoryEmulation of --category-emulation | booleaans | true | Maakt tools met betrekking tot emulatie mogelijk. |
--categoryNetwork of --category-network | booleaans | true | Maakt netwerkgerelateerde tools mogelijk. |
--categoryPerformance of --category-performance | booleaans | true | Maakt tools met betrekking tot prestaties mogelijk. |
--categoryExtensions of --category-extensions | booleaans | false | Maakt tools met betrekking tot extensies mogelijk. Alleen ondersteund met een pijpverbinding. |
--categoryExperimentalThirdParty of --category-experimental-third-party | booleaans | false | Maakt tools van externe ontwikkelaars beschikbaar die worden weergegeven op de geïnspecteerde pagina. |
--categoryExperimentalWebmcp of --category-experimental-webmcp | booleaans | false | Hiermee kunt u WebMCP-tools debuggen. Vereist Chrome versie 149 of hoger met ingeschakelde WebMCP-functies. |
--memoryDebugging of --memory-debugging | booleaans | false | Schakelt tools voor geheugendebugging in. |
Screenshot-opties
Gebruik deze opties om aan te passen hoe de agent schermafbeeldingen maakt.
| Vlag | Type | Standaard | Beschrijving |
|---|---|---|---|
--screenshotFormat of --screenshot-format | snaar | false | Hiermee wordt het standaard uitvoerformaat ( png ) overschreven. Keuzes: jpeg , png en webp . De jpeg en webp formaten zijn kleiner, wat helpt om de contextgrootte in AI-gesprekken te verkleinen. |
--screenshotQuality of --screenshot-quality | nummer | false | Hiermee wordt de compressiekwaliteit (0-100) voor jpeg en webp overschreven. |
--screenshotMaxWidth of --screenshot-max-width | nummer | false | Maximale breedte in pixels. Grotere schermafbeeldingen worden verkleind. |
--screenshotMaxHeight of --screenshot-max-height | nummer | false | Maximale hoogte in pixels. Grotere schermafbeeldingen worden verkleind. |
Experimentele opties
Gebruik deze opties om experimentele functies in te schakelen die in ontwikkeling zijn.
| Vlag | Type | Standaard | Beschrijving |
|---|---|---|---|
--experimentalPageIdRouting of --experimental-page-id-routing | booleaans | false | Geeft pageId weer op paginaspecifieke tools om verzoeken in gelijktijdige agentsessies door te sturen. |
--experimentalDevtools of --experimental-devtools | booleaans | false | Maakt automatisering mogelijk voor DevTools-doelen. |
--experimentalVision of --experimental-vision | booleaans | false | Maakt op coördinaten gebaseerde tools mogelijk (bijvoorbeeld click_at ). Vereist doorgaans een computermodel dat nauwkeurige coördinaten kan genereren door naar schermafbeeldingen te kijken. |
--experimentalStructuredContent of --experimental-structured-content | booleaans | false | Produceert gestructureerde, opgemaakte inhoud. |
--experimentalIncludeAllPages of --experimental-include-all-pages | booleaans | false | Dit omvat alle soorten pagina's (bijvoorbeeld webweergaven en achtergrondpagina's). |
--experimentalScreencast of --experimental-screencast | booleaans | false | Maakt schermopnameprogramma's beschikbaar (vereist dat ffmpeg in het PATH staat). |
--experimentalFfmpegPath of --experimental-ffmpeg-path | snaar | false | Pad naar het uitvoerbare bestand van ffmpeg . |
Andere opties
Gebruik deze opties om logboekregistratie te configureren of om een vereenvoudigde set hulpmiddelen in te schakelen.
| Vlag | Type | Standaard | Beschrijving |
|---|---|---|---|
--slim | booleaans | false | Biedt een beperkte set van drie tools (navigatie, scriptuitvoering en schermafbeeldingen). Handig voor eenvoudige browsertaken. |
--logFile of --log-file | snaar | false | Pad naar een bestand waarnaar debuglogs moeten worden geschreven. |
Omgevingsvariabelen
Je kunt de server ook configureren met behulp van de volgende omgevingsvariabelen:
-
CHROME_DEVTOOLS_MCP_NO_USAGE_STATISTICS: Indien ingesteld, wordt het verzamelen van gebruiksstatistieken uitgeschakeld (gelijk aan--no-usage-statistics). -
CHROME_DEVTOOLS_MCP_NO_UPDATE_CHECKS: Indien ingesteld, worden periodieke controles op updates uitgeschakeld. -
CI: Indien ingesteld, wordt het verzamelen van gebruiksstatistieken uitgeschakeld. -
DEBUG: Stel in op*om uitgebreide foutopsporingslogboekregistratie in te schakelen (werkt in combinatie met--logFile).