Chrome DevTools

Contrôlez et inspectez un navigateur Chrome en direct directement depuis votre agent de développement. Chrome DevTools MCP met à disposition 29 outils couvrant l'automatisation du navigateur, le profilage des performances, l'analyse réseau et le débogage — offrant à Claude des capacités DevTools complètes via Puppeteer et le protocole Chrome DevTools.

Automatisez les interactions avec le navigateur grâce à des outils pour cliquer, saisir du texte, remplir des formulaires, téléverser des fichiers, naviguer entre les pages et gérer les dialogues. Émule des appareils mobiles et des fenêtres d'affichage personnalisées pour tester les designs responsifs. Enregistrez des traces de performance et des instantanés mémoire pour diagnostiquer les goulots d'étranglement, lancez des audits Lighthouse et obtenez des recommandations concrètes incluant les données de terrain CrUX.

Inspectez les requêtes réseau, lisez les messages de console avec des traces de pile source-mappées, capturez des captures d'écran, prenez des instantanés du DOM et exécutez du JavaScript dans le contexte de la page. Un mode allégé est disponible pour les tâches de navigation basiques.

Utilisation : Demandez à Claude d'interagir avec votre application en cours d'exécution dans Chrome. Exemples de requêtes : « Ouvre mon application sur localhost:3000 et clique sur le bouton de connexion », « Enregistre une trace de performance pendant que je fais défiler la page et dis-moi ce qui est lent », « Prends une capture d'écran de la page d'accueil sur un viewport mobile », « Vérifie les erreurs dans la console après l'envoi du formulaire », « Lance un audit Lighthouse sur cette page et résume les résultats », « Liste toutes les requêtes réseau effectuées lors du chargement du tableau de bord ».