Débogage du navigateur pour l'IA
Développé pour Chrome DevTools, ce serveur permet aux agents de codage d'intelligence artificielle de gérer les processus de débogage basés sur le navigateur. Fonctionnant via le Model Context Protocol, cet outil permet aux agents d'inspecter directement les applications Web et d'automatiser les processus de débogage.
Mises à jour
- 23 octobre 2026: Étoiles 53,589 → 54,021, dernière version chrome-devtools-mcp-v1.12.0 (22 octobre 2026).
- 15 octobre 2026: Étoiles 52,641 → 53,589, dernière version chrome-devtools-mcp-v1.11.0 (15 octobre 2026).
- 27 septembre 2026: Étoiles 51,328 → 52,641, dernière version chrome-devtools-mcp-v1.10.1 (23 septembre 2026).
- 8 septembre 2026: Étoiles 49,801 → 51,328, dernière version chrome-devtools-mcp-v1.9.0 (8 septembre 2026).
Ce que ça vous apporte
- Contrôlez directement le navigateur en direct
- Automatisation de l'analyse des performances
- Examiner les requêtes réseau et les erreurs de la console
Installation
npm install -g chrome-devtools-mcpSi vous ne codez pas
Connectez-vous à ma session de navigateur active à l'aide du serveur Chrome DevTools MCP et analysez les données de performances de mon application Web. Vérifiez les requêtes réseau, examinez les erreurs de la console et effectuez les étapes de débogage nécessaires pour résoudre les problèmes que je rencontre.
Dépôt : https://github.com/ChromeDevTools/chrome-devtools-mcp. Base-toi sur les instructions officielles du fichier README de ce dépôt pour l'installation et l'exécution.
Avant de commencer, vérifie quel système d'exploitation nous utilisons et si les outils nécessaires (ex: Python, Node.js, Git, Docker) sont installés. Installe ceux qui manquent étape par étape selon ce système.
Crée un nouveau dossier vide pour travailler. Ne touche pas aux fichiers en dehors de ce dossier et ne supprime rien. Avant chaque commande, décris ce que tu vas faire en une phrase.
Dis-moi ce que je devrais voir à l'écran à la fin de chaque étape. Si une erreur survient, je te copierai le message d'erreur tel quel et nous la corrigerons ensemble.
Termes liés du glossaire
Liens
TreScout n'a pas développé cet outil · nous l'avons repéré dans les tendances GitHub et présenté. Cette page décrit le dépôt tel qu'il était le 2026-07-03 : Le nombre d'étoiles et notre texte datent de ce jour, le dépôt a pu changer depuis. Consultez le lien du dépôt pour l'état actuel. Le texte de présentation a été préparé avec l’IA à partir de la propre documentation du dépôt et cette page a été traduite automatiquement depuis l’original turc · la version turque fait foi.