chrome-devtools-mcp est un serveur MCP qui donne aux agents de code accès à Chrome DevTools pour l'automatisation, le débogage et l'analyse de performance. Il utilise puppeteer pour une automatisation fiable. Une CLI est aussi fournie pour une utilisation sans MCP.
Ce qu'il fait
Où Chrome DevTools MCP s'exécute et ce qu'il ajoute, d'après sa documentation
Enregistre des traces de performance et en extrait des analyses
Analyse les requêtes réseau et lit les messages de la console avec des stack traces résolues par source map
Prend des captures d'écran
Automatise les actions Chrome via puppeteer avec attente automatique
Mode slim pour les tâches de navigateur basiques (--slim)
Quand l'utiliser
Bonne adéquation
Déboguer la performance d'une page web avec un agent
Laisser un agent vérifier des changements d'interface dans un vrai navigateur
Inspecter les erreurs de console et de réseau
Pas pour
Navigateurs autres que Chrome (seuls Chrome et Chrome for Testing sont officiellement pris en charge)
Sessions contenant des données sensibles que vous ne voulez pas exposer au client MCP
Comment installer Chrome DevTools MCP
Il vous faut : Node.js LTS; Chrome stable actuel ou plus récent; npm
Vérifiez que Node.js LTS, npm et la version stable actuelle de Chrome sont installés
Ajoutez la configuration à votre client MCP
Consultez le guide des configurations client pour Claude Code, Cursor, VS Code
Testez avec : Check the performance of https://developers.chrome.com
Exemple de configuration (tiré de la documentation officielle)
Inspecter, déboguer et modifier toute donnée de l'instance de navigateur contrôlée ou de DevTools
Notes de sécurité des mainteneurs
Évitez de partager des informations sensibles avec les clients MCP
Les outils de performance peuvent envoyer des URL de traces à l'API Google CrUX ; désactivez avec --no-performance-crux
Les statistiques d'usage sont activées par défaut ; désactivez-les avec --no-usage-statistics ou les variables d'environnement CHROME_DEVTOOLS_MCP_NO_USAGE_STATISTICS/CI ; les vérifications de mise à jour se désactivent via CHROME_DEVTOOLS_MCP_NO_UPDATE_CHECKS
Examinez la source avant de donner à un agent l'accès à des identifiants ou à des systèmes de production. Nous documentons ce que déclarent les mainteneurs ; nous n'auditons pas le code.
Limites
D'autres navigateurs Chromium peuvent fonctionner, sans garantie
Le navigateur ne démarre que lorsqu'un outil qui en a besoin est utilisé
Outil de codage agentique d'Anthropic qui lit votre base de code, modifie des fichiers et exécute des commandes depuis le terminal, les IDE ou le navigateur.
La gratuité s'arrête à : Pas d'offre gratuite : Claude Code est inclus dans les abonnements Claude payants (Pro, Max, Team, Enterprise…