DevTools
Les outils pour les développeurs Chrome sont un ensemble d'outils pour les développeurs Web intégrés directement au navigateur Google Chrome. Les outils de développement vous permettent de modifier des pages à la volée et de diagnostiquer les problèmes rapidement, ce qui vous aide à créer des sites Web de meilleure qualité, plus rapidement.
Déboguer avec l'IA
Innovations en matière d'IA
Laissez Gemini vous aider à analyser et à améliorer le style, le réseau, les sources et les performances de votre site Web. Obtenez de l'aide pour les erreurs de la console et des suggestions de code dans les panneaux "Console" et "Sources".
Outils de développement pour les agents
Donnez à vos agents de codage les mêmes outils fiables que ceux que vous utilisez pour inspecter l'activité réseau, enregistrer des traces et résoudre les problèmes liés aux applications Web, dans votre workflow d'IA.
Connectez le serveur MCP des Outils pour les développeurs Chrome (Model Context Protocol) à l'outil de votre choix : Antigravity, Claude Code, Cline, Copilot, etc.
Comprendre les performances
Obtenez une vue complète et exploitable des performances de votre page.
Inspecter les ressources
Découvrez comment inspecter les ressources chargées par votre page et les modifier depuis votre navigateur.
Analyser le réseau
Analysez et remplacez les requêtes et les réponses réseau à la volée.
Conseils sur les outils pour les développeurs
Découvrez notre série de vidéos mensuelles qui vous présente de manière ludique des scénarios de débogage courants dans les outils de développement.
Émuler des expériences utilisateur avec des agents de codage
Les outils pour les développeurs Chrome pour les agents vous permettent de vérifier les mises en page responsives, de tester les API de localisation et de simuler différentes vitesses de processeur ou de réseau.
Automatiser les audits Lighthouse avec des agents de programmation
Lighthouse dans les outils pour les développeurs Chrome pour les agents permet à votre agent de codage d'évaluer la qualité d'un site Web en effectuant des vérifications de l'état en direct pour l'accessibilité, le SEO, les bonnes pratiques et la navigation agentique.
Atelier d'optimisation des performances
Découvrez le panneau "Performances" mis à jour. Vous apprendrez à mesurer les métriques Core Web Vitals (LCP, CLS, INP) et à obtenir des conseils personnalisés de Gemini.
Pixel Pirate
Embarquez avec les outils de développement et devenez un pirate du débogage ! Découvrez des techniques pour émuler des styles de focus, tester des formulaires avec la saisie automatique et résoudre des erreurs de backend avec les remplacements de réseau.
Obtenir des insights sur les performances
Un large éventail d'outils pour vous aider à mesurer et optimiser différents aspects de vos performances d'exécution: le panneau "Performances", Lighthouse, etc.
Présentation de l'outil de performances
Découvrez toutes les fonctionnalités du panneau "Performances" : comment enregistrer une trace de performances, comment l'afficher et l'analyser, et plus encore.
Actualités et nouveautés
Inspecter et modifier des ressources
Référence de fonctionnalité
Découvrez toutes les fonctionnalités du panneau "Sources" : afficher et modifier des fichiers, déboguer du code JavaScript et configurer un espace de travail.
Configurer un espace de travail
Workspace vous permet d'enregistrer les modifications que vous apportez dans DevTools dans le code source stocké sur votre ordinateur. Découvrez comment configurer un espace de travail dans vos propres projets.
Analyser l'activité du réseau
Panneau "Network"
Découvrez toutes les fonctionnalités du panneau "Réseau" : inspectez les corps de réponse et de requête, écrasez des en-têtes, et plus encore.
Autres outils
Découvrez toutes les autres fonctionnalités d'outils de développement.