Laissez Claude piloter et inspecter un vrai Chrome pour déboguer et profiler des pages web.

Chrome DevTools MCP, de l'équipe Chrome DevTools de Google, lance un vrai navigateur Chrome ou s'y connecte pour que Claude puisse parcourir les pages, lire les erreurs de console et les requêtes réseau, et enregistrer des traces de performance. Il est idéal pour vérifier qu'un changement fonctionne dans un vrai navigateur et comprendre pourquoi une page est lente ou cassée.

Pour qui

Développeurs front-end qui déboguent des pages
Toute personne qui vérifie qu'un changement web fait par l'IA marche dans un vrai navigateur
Équipes qui travaillent sur la vitesse des pages

Prompts à essayer

Une fois connecté, demandez avec vos mots. Votre outil d'IA décide quand utiliser le serveur et vous demande votre accord avant de modifier quoi que ce soit d'important.

Prompt 1

Ouvre localhost:3000, envoie le formulaire d'inscription avec des données de test et signale-moi les erreurs de console.

Prompt 2

Enregistre une trace de performance de notre page d'accueil et explique ce qui ralentit le premier affichage.

Prompt 3

Lance un audit Lighthouse sur la page des tarifs et liste les problèmes d'accessibilité trouvés.

Comment le connecter dans votre outil d'IA

MCP est un standard ouvert, ce serveur fonctionne donc dans Claude, ChatGPT, Codex, Cursor, VS Code et plus. Choisissez votre outil :

Le plus simple : collez ceci dans Claude Code

Connecte pour moi le serveur MCP Chrome DevTools MCP à Claude Code : exécute cette commande : claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest
Si une valeur commence par YOUR_, demande-la-moi d'abord. Une fois connecté, aide-moi à me connecter si besoin et montre-moi une chose que je peux lui demander.

Ou faites-le vous-même :

$claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest

Bon à savoir

Des statistiques d'utilisation sont envoyées à Google par défaut (ajoutez --no-usage-statistics pour refuser), et tout ce qui est ouvert dans ce navigateur est visible par Claude : évitez les sites sensibles.

Débloquez les étapes de configuration

Gratuit. Laissez votre email une seule fois pour ouvrir les étapes de configuration des 150 serveurs, et recevez chaque mois les meilleurs nouveaux connecteurs.

Comment nous l'avons vérifié

Vérifié le dépôt GitHub (Apache-2.0, 53.7k étoiles, version 1.11.0 du 2026-10-15), son guide de configuration client et sa référence d'outils, ainsi que le package npm chrome-devtools-mcp.

Source : github.com/ChromeDevTools/chrome-devtools-mcp

Chrome DevTools MCP