Chrome DevTools MCP : déboguer et analyser vos pages web avec l’IA (guide 2026)

Par Amir N., éditeur de serveurmcp.com · Mis à jour le 9 octobre 2026

Chrome DevTools MCP (chrome-devtools-mcp) est le serveur MCP officiel de l’équipe Chrome DevTools de Google. Il donne à votre agent de code (Claude, Cursor, Copilot, Gemini…) le contrôle d’un vrai navigateur Chrome, avec la puissance des DevTools : enregistrement de performances, analyse du réseau, console, captures d’écran et automatisation fiable. Avec près de 53 000 étoiles sur GitHub, c’est l’un des serveurs MCP les plus utilisés.

Chrome DevTools MCP en bref

• Éditeur : équipe Chrome DevTools (Google), licence Apache-2.0.
• Paquet npm : chrome-devtools-mcp, lancé en local avec npx.
• Prérequis : Node.js en version LTS, npm et Chrome stable (ou plus récent).
• Navigateurs : Google Chrome et Chrome for Testing sont officiellement pris en charge ; les autres navigateurs Chromium peuvent fonctionner, sans garantie.
• Moteur : Puppeteer, qui attend automatiquement le résultat de chaque action.

Ce que votre agent peut faire

• Analyser les performances : enregistrer une trace et en tirer des recommandations concrètes, complétées par les données d’utilisateurs réels du rapport CrUX.
• Déboguer : inspecter les requêtes réseau, lire les messages de la console avec des traces de pile ramenées au code source, faire des captures d’écran.
• Automatiser : naviguer, cliquer, remplir des formulaires et vérifier le résultat, comme un testeur.

La liste complète des outils figure dans la référence officielle du projet. Un mode allégé, --slim, ne garde que les outils de navigation de base.

Installation

Configuration générique (Claude Desktop, Cursor…)

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": ["-y", "chrome-devtools-mcp@latest"]
    }
  }
}

Le suffixe @latest garantit que votre client utilise toujours la dernière version du serveur.

Claude Code

claude mcp add chrome-devtools -- npx -y chrome-devtools-mcp@latest

Premier test

Demandez à votre agent : « Vérifie les performances de https://developers.chrome.com ». Il doit ouvrir le navigateur et enregistrer une trace. Le navigateur ne démarre qu’au premier outil qui en a besoin, pas à la simple connexion du serveur.

Les options utiles

• --headless : Chrome tourne sans fenêtre visible, pratique sur un serveur.
• --isolated : profil temporaire, effacé après la session, sans vos cookies ni vos comptes.
• --slim : jeu d’outils réduit pour les tâches simples.
• --no-performance-crux : n’envoie pas les adresses analysées à l’API CrUX de Google.
• --no-usage-statistics : désactive l’envoi de statistiques d’usage à Google.

Le guide de configuration officiel détaille aussi la connexion à un Chrome déjà ouvert et le débogage sur Android.

Cas d’usage concrets

• Corriger un bug d’interface : l’agent ouvre la page, lit l’erreur dans la console, remonte au fichier source, propose le correctif puis vérifie le résultat.
• Comprendre un formulaire qui échoue : il remplit le formulaire et inspecte la requête réseau et la réponse du serveur.
• Améliorer le temps de chargement : il enregistre une trace et explique ce qui ralentit l’affichage du contenu principal.
• Contrôler le rendu : captures d’écran après chaque modification, pour vérifier que rien n’a cassé.

Chrome DevTools MCP ou Playwright MCP ?

Les deux pilotent un navigateur. Chrome DevTools MCP excelle dans le diagnostic : performances, réseau, console. Playwright MCP vise plutôt l’automatisation et les tests sur plusieurs navigateurs. Beaucoup de développeurs installent les deux et les activent selon la tâche.

Sécurité et confidentialité

• Le serveur expose le contenu du navigateur au client MCP, qui peut lire et modifier toutes les données de la page. N’y ouvrez pas de comptes personnels ni de données sensibles : préférez --isolated.
• Google collecte par défaut des statistiques d’usage de l’outil (taux de succès, latence, environnement). Elles se désactivent avec --no-usage-statistics ou la variable d’environnement CHROME_DEVTOOLS_MCP_NO_USAGE_STATISTICS.
• Les outils de performance peuvent envoyer les adresses analysées à l’API CrUX ; utilisez --no-performance-crux pour des sites internes.

Notre checklist de sécurité MCP complète ces règles. Retrouvez aussi la fiche du serveur dans notre annuaire MCP.

Questions fréquentes

Chrome DevTools MCP est-il officiel ?

Oui, il est développé par l’équipe Chrome DevTools de Google et publié sous licence Apache-2.0.

Comment l’installer dans Claude Code ?

Avec la commande claude mcp add chrome-devtools -- npx -y chrome-devtools-mcp@latest.

Fonctionne-t-il avec Edge ou Brave ?

Seuls Chrome et Chrome for Testing sont officiellement pris en charge. Les autres navigateurs Chromium peuvent fonctionner, sans garantie.

Peut-on l’utiliser sans fenêtre visible ?

Oui, avec l’option --headless.

Sources

• Dépôt officiel chrome-devtools-mcp et son README, consulté le 9 octobre 2026