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.
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.
MCP Config: chrome
MCP server configuration for chrome (portable, $HOME-based via bash -c). Requires chrome-mcp-proxy.sh + cdp-proxy.mjs in ~/scripts — see Chrome MCP 完整运维指南 asset for one-shot install
Chrome DevTools MCP — AI Browser Debugging via Model Context Protocol
An MCP server that lets AI coding agents control and inspect live Chrome browsers for automated debugging, performance analysis, and testing.
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.