Configuratie

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.

  1. Ga in je actieve Chrome-browser naar chrome://inspect/#remote-debugging en schakel ' Externe foutopsporing' in.
  2. Voeg --autoConnect toe aan je MCP-configuratie: json "args": ["chrome-devtools-mcp@latest", "--autoConnect"]
  3. 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 .

  1. 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
  2. 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 ).