Serveur MCP Officiel

Chrome DevTools MCP

Laisse votre agent de code contrôler et inspecter un Chrome en direct : traces, réseau, console.

Auteur
Chrome DevTools (Google)
Compatible avec
Any MCP client, Claude Code, Cursor
Licence
Apache-2.0
Documenté
Oct 2, 2026

Ce qu'est Chrome DevTools MCP

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

Comment Chrome DevTools MCP s'intègre : quels agents l'exécutent et ce qu'il ajouteS'EXÉCUTE DANSVotre agentClaude CodeCursorAny MCP client3 hôtes documentésMCP SERVER · OFFICIELChrome DevTools MCPConnecter l'agent aux outils, aux…4 étapes d'installation1 note d'autorisationlicence : Apache-2.0CE QU'IL AJOUTECe qu'il faitEnregistre des traces de performa…Analyse les requêtes réseau et li…Prend des captures d'écranAutomatise les actions Chrome via…agent → extension → nouvelle capacité · depuis le dépôt ou la documentation officielle
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

  1. Vérifiez que Node.js LTS, npm et la version stable actuelle de Chrome sont installés
  2. Ajoutez la configuration à votre client MCP
  3. Consultez le guide des configurations client pour Claude Code, Cursor, VS Code
  4. Testez avec : Check the performance of https://developers.chrome.com
Exemple de configuration (tiré de la documentation officielle)
{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": ["-y", "chrome-devtools-mcp@latest"]
    }
  }
}

Autorisations et sécurité

Ce à quoi il accède

  • 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é

Outils qu'il étend

Claude Code

Web · Desktop

Pas encore d'avis d'utilisateurs

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…

Listed Pas encore évalué

Vérifié code.claude.com (ouvre le site de Claude Code dans un nouvel onglet)

Dès $20/mo US · vérifié Sep 29

Questions fréquentes

Chrome DevTools MCP collecte-t-il des données d'usage ?

Oui, Google collecte des statistiques d'usage par défaut ; désactivez-les avec --no-usage-statistics. source

Quels navigateurs Chrome DevTools MCP prend-il en charge ?

Google Chrome et Chrome for Testing officiellement ; les autres navigateurs Chromium ne sont pas garantis. source

Comment installer Chrome DevTools MCP ?

Ajoutez à la configuration de votre client MCP un serveur exécutant npx -y chrome-devtools-mcp@latest. source

Chrome DevTools MCP envoie-t-il des URL à Google ?

Les outils de performance peuvent envoyer des URL de traces à l'API CrUX ; désactivez avec --no-performance-crux. source

Guides associés

Sources et lacunes

Non précisé par les mainteneurs : Date de la dernière release; La liste complète des outils de tool-reference.md n'a pas été récupérée.

Autres extensions à découvrir