Chrome MCP Server — Automatisation du navigateur et DevTools pour agents IA
Installez les serveurs Chrome MCP pour donner à vos agents IA le contrôle total du navigateur : naviguer, extraire du contenu, exécuter du JavaScript, interagir avec les DevTools et automatiser vos workflows web. Plusieurs implémentations adaptées à chaque cas d'usage.
Installer le serveur MCP Chrome
{
"mcpServers": {
"puppeteer": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-puppeteer"]
}
}
}Chrome MCP Server — Extension-Based Browser MCP
mcp-chrome turns Chrome into an MCP server via an extension + bridge. Install mcp-chrome-bridge, load the extension, then connect to 127.0.0.1:12306/mcp.
Chrome MCP Background Proxy — Fix Popups, Focus Stealing & Multi-Agent Conflicts
Persistent CDP proxy + entry script that lets chrome-devtools-mcp run against your real, logged-in Chrome without the Chrome 146+ consent popup spamming on every connection, without focus stealing (Target.activateTarget / Page.bringToFront are intercepted, createTarget is forced to background), and without request-ID / event collisions when multiple Claude Code windows or sub-agents share one Chrome. Includes the proxy core (cdp-proxy.mjs v3), entry script, safe cleanup, pre-flight healthcheck, and a launchd-style self-healing watchdog with Feishu alerts.
Codex Chrome MCP Proxy v3
Sanitized public Chrome MCP bundle for Codex: persistent CDP proxy, real Chrome login-state control, background tabs, focus protection, multi-agent isolation, and cached chrome-devtools-mcp startup fallback.
Multi-Platform Social Media Growth Skill for Developer Communities
Production-tested Claude Code skill for automating authentic developer engagement across 10+ platforms (Twitter, Bluesky, Dev.to, HN, Reddit, GitHub, Product Hunt, Hashnode, Medium, Quora). Includes rotation queue, per-platform cooldowns, action diversity rules, Chrome MCP toolchain with JS injection patterns, anti-ban safety, and continuous optimization framework. Battle-tested across 30+ cycles.
Chrome MCP Operations Runbook — Iron Rules, Architecture & Troubleshooting
Operations skill for running chrome-devtools-mcp against your real Chrome at scale. Covers the proxy architecture, five iron rules (always-via-proxy, real-browser-only, no-env-proxy, never-kill-current-session, persistent-proxy), Chrome 146+ remote-debug popup workaround, multi-agent isolation guarantees, configuration recipes for ~/.mcp.json and ~/.claude/settings.json (with the 'no glob in permissions' gotcha), step-by-step troubleshooting flow, and four field notes from real incidents — port cleanup heuristics that backfire, protocol-layer hang detection, why 'newest = keep' is wrong, and why heavy pages need filePath-first take_snapshot to avoid 25k token overflow. Pairs with the 'Chrome MCP Background Proxy' script bundle.
Multi-Browser MCP Proxies — Arc Browser & Chrome Beta Variants
Companion to 'Chrome MCP Background Proxy' for running parallel, isolated MCP fleets against Arc Browser and Chrome Beta on top of the same cdp-proxy.mjs. Arc-specific proxy auto-discovers the WebSocket path from /json/version (Arc doesn't write a DevToolsActivePort file in the standard location); Chrome Beta proxy points at Beta's own DevToolsActivePort. Lets you run mcp__chrome__*, mcp__beta__*, and mcp__arc__* side-by-side with independent client state and no cross-talk.
Chrome DevTools MCP — Browser Debugging for AI Agents
Give your AI coding agent full access to Chrome DevTools for browser automation, debugging, and performance analysis. Works with Claude, Cursor, Copilot, and 15+ AI tools.
Puppeteer MCP — Headless Chrome Server for AI Agents
MCP server wrapping Google Puppeteer for headless Chrome automation. Navigate pages, screenshot, generate PDFs, scrape SPAs, and test web apps through AI agent commands. 2,000+ stars.
Chrome Fleet — Multi-Agent Browser Pool with Shared Login State
Multi-agent control plane for chrome-devtools-mcp. Two modes: (1) shared main Chrome — N CDP proxies on 9401/9402/9403... all multiplexing onto one logged-in Chrome :9222 so every agent inherits your real cookies/extensions, with focus protection and ID isolation handled by cdp-proxy.mjs; (2) isolated agent Chromes — dedicated Chrome instance per agent on :930N with its own user-data-dir for multi-account / persona-isolation testing. Includes a status tool to inspect the running fleet.
Surf CLI — Control Chrome for AI Agents (No MCP)
Surf CLI lets agents control Chrome via a local extension + native host, offering agent-agnostic browser control without running an MCP server.
bb-browser — Browser-as-API CLI + MCP Server
Use your real Chrome login state as an API: bb-browser provides a CLI + MCP server with 103 commands across 36 platforms (Twitter/Reddit/YouTube/etc.).
Contrôle complet du navigateur pour les agents IA
L'écosystème Chrome MCP server donne aux agents IA la capacité de voir et d'interagir avec le web. Plusieurs implémentations sont optimisées pour différents workflows : Puppeteer MCP (automatisation headless — scraping, tests, captures d'écran), Chrome DevTools MCP (connexion à votre session de navigateur en cours pour le débogage) et Chrome MCP Proxy (fonctionnement en arrière-plan sans popups qui volent le focus).
Pour les développeurs, le cas d'usage le plus transformateur est le débogage assisté par IA. Pointez le DevTools MCP vers votre application en cours, décrivez le bug, et l'Agent peut inspecter le DOM, lire les erreurs console, vérifier les requêtes réseau, analyser les profils de performance et suggérer des correctifs — sans toucher à l'inspecteur Chrome. Pour les équipes QA, Puppeteer MCP permet la génération de tests pilotée par IA : l'Agent navigue dans votre app, identifie les éléments interactifs et écrit les tests end-to-end.
Pour le scraping web et l'extraction de données, les serveurs Chrome MCP gèrent les sites bourrés de JavaScript que les scrapers statiques n'atteignent pas. L'Agent peut naviguer dans des SPA, attendre le contenu dynamique, extraire des données structurées et gérer la pagination. Parcourez l'annuaire complet d'outils d'automatisation de navigateur pour les alternatives à Playwright, et consultez les outils de web scraping pour des frameworks d'extraction complémentaires. Pour les workflows de test, voyez les outils de test IA sur TokRepo.
Le web est la plus grande API du monde. Chrome MCP, c'est comment les agents IA l'appellent.
Questions fréquentes
Quels serveurs Chrome MCP sont disponibles ?+
Trois options principales : (1) Puppeteer MCP (@modelcontextprotocol/server-puppeteer) — Chrome headless pour l'automatisation, le scraping et les tests. (2) Chrome DevTools MCP — se connecte à une instance Chrome en cours via le DevTools Protocol pour le débogage en direct. (3) Chrome MCP Proxy — exécute Chrome en arrière-plan sans voler le focus, idéal pour les tâches d'agent de longue durée. Choisissez selon votre cas d'usage.
Quel Chrome MCP installer en premier ?+
Commencez par Puppeteer MCP — c'est l'implémentation de référence officielle, sans aucune configuration (télécharge son propre Chromium) et gère les cas les plus courants : navigation de pages, captures d'écran, extraction de contenu, remplissage de formulaires et clics. Passez à DevTools MCP uniquement si vous devez déboguer une session de navigateur en direct.
Chrome MCP gère-t-il les SPA bourrées de JavaScript ?+
Oui. Contrairement aux scrapers HTTP statiques, Chrome MCP exécute un vrai moteur de navigateur. Il interprète le JavaScript, rend les apps React/Vue/Angular, attend la fin des appels API et interagit avec le DOM entièrement rendu. L'Agent peut attendre que des éléments spécifiques apparaissent, gérer le scroll infini et naviguer dans le routing côté client.
Fonctionne-t-il avec les sites nécessitant une connexion ?+
Oui. L'Agent peut remplir les formulaires de connexion, gérer les redirections OAuth et conserver les cookies entre les navigations. Pour DevTools MCP connecté à votre vrai navigateur, il utilise votre session existante — pas besoin de se connecter. Pour Puppeteer, vous pouvez passer des cookies ou faire connecter l'Agent au début de chaque session. Évitez de stocker des identifiants dans les configs MCP — utilisez des variables d'environnement.
Les agents IA peuvent-ils écrire des tests de navigateur avec Chrome MCP ?+
Oui. Pattern courant : installez Puppeteer MCP, pointez l'Agent vers l'URL de votre app et demandez « écris des tests end-to-end pour le flux de checkout ». L'Agent navigue dans l'app, identifie les formulaires et boutons, écrit des scripts de test Playwright ou Puppeteer, et peut même les exécuter pour vérifier qu'ils passent. Bien plus rapide qu'écrire des tests de navigateur à la main.