Retour à Informations sur l’IA
Chrome lance le serveur DevTools MCP : l'IA peut effectuer le suivi des performances, inspecter le DOM et effectuer le débogage en temps réel

Chrome lance le serveur DevTools MCP : l'IA peut effectuer le suivi des performances, inspecter le DOM et effectuer le débogage en temps réel

Informations sur l’IA Admin 42 vues

L'équipe Chrome a annoncé la préversion publique du serveur DevTools MCP (Model Context Protocol) . Grâce à MCP, les agents de codage pilotés par l'IA peuvent contrôler directement une instance Chrome réelle, en effectuant le suivi des performances , l'inspection DOM/CSS , la lecture de la console, l'exécution de scripts et le débogage en temps réel de la page. Cela permet de remédier au caractère longtemps « invisible et intangible » des agents dans l'environnement d'exécution du navigateur.

Le blog et le référentiel officiels proposent des exemples d'outils (tels que performance_start_trace) : l'agent peut lancer Chrome, ouvrir le site cible, enregistrer un suivi des performances, analyser les goulots d'étranglement et proposer des suggestions d'optimisation concrètes. Basées sur l'interface standardisée de MCP, les fonctionnalités de DevTools sont réutilisables par des clients tels que Gemini, Claude, Cursor et Copilot , et conviennent à des scénarios tels que l'optimisation des performances web, la régression de l'interface utilisateur et le débogage de bout en bout. Actuellement en version bêta publique, les fonctionnalités ultérieures seront continuellement améliorées.

Questions fréquemment posées

Q : Qu'est-ce que DevTools MCP ?

A : Un serveur exposé via le protocole MCP qui permet aux agents IA d’utiliser les capacités de débogage et de performances de Chrome DevTools via des appels d’outils standard.

Q : Quelles opérations spécifiques peuvent être effectuées ?

A : Démarrez le suivi des performances, inspectez le DOM/CSS, lisez la console, exécutez le JS, enregistrez et analysez le suivi et prenez en charge les processus utilisateur automatisés.

Q : Quels proxys/clients sont pris en charge ?

R : Pour les clients qui prennent en charge MCP, les exemples officiels indiquent que Gemini, Claude, Cursor, Copilot , etc. peuvent tous être intégrés.

Q : Quelle est la phase de sortie actuelle ?

A : Aperçu public ; le code et le package npm sont disponibles, et les fonctionnalités seront itérées en fonction des commentaires.

Q : Quelle est sa relation avec le CDP (Chrome DevTools Protocol) existant ?

R : MCP est un protocole de pont unifié de niveau supérieur qui normalise la connexion entre les clients et les outils ; la couche sous-jacente utilise toujours les fonctionnalités DevTools/Chrome.

Aperçu public de DevToolsMCP Intégration DevToolsMCCPChrome DevToolsMCP démarre Chrome Suivi des performances DevToolsMCP DevToolsMCPperformance\_start\_trace Inspection MCPDOM des outils de développement Inspection CSS MCP des outils de développement Lecture de la console DevToolsMCP DevToolsMCP exécute des scripts Débogage en direct DevToolsMCP Débogage de la page DevToolsMCP Analyse des goulots d'étranglement des performances de DevToolsMCP Suggestions d'optimisation de DevToolsMCP Régression DevToolsMCPUI Débogage de bout en bout de DevToolsMCP Processus automatisé DevToolsMCP Compatibilité multi-client DevToolsMCP Intégration DevToolsMCPGemini Intégration DevToolsMCPCLaude Intégration DevToolsMCPCursor Intégration DevToolsMCPCopilot Paquet npm DevToolsMCP Exemple d'outil DevToolsMCP Journal des modifications de DevToolsMCP DevToolsMCP bêta Itération de commentaires DevToolsMCP Interface standardisée DevToolsMCP Navigateur de contrôle proxy DevToolsMCP Les capacités de débogage de DevToolsMCP sont désormais ouvertes Enregistrement et analyse des performances de DevToolsMCP Enregistrement de trace DevToolsMCPT Analyse DevToolsMCPTrace Relation entre DevToolsMCP et CDP Protocole de pont de haut niveau DevToolsMCP Appel d'outil standard DevToolsMCP Exécution d'injection de script DevToolsMCP Capture du journal de la console DevToolsMCP Traversée de l'arborescence DevTools MCPDOM Inspection de style CSS DevTools MCP Base de référence des performances de DevToolsMCP Optimisation des performances du front-end DevToolsMCP Localisation du problème DevTools MCPUI Réutilisation croisée de DevToolsMCP Flux de travail de débogage Web DevToolsMCP Encodage proxy DevToolsMCP Intégration DevToolsMCPIDE Exemple de référentiel DevToolsMCP Blog officiel de DevToolsMCP Guide d'utilisation de DevToolsMCP Démarrez rapidement avec DevToolsMCP

Outils Recommandés

Plus