Cette page a été traduite par l'API Cloud Translation.

Nouveautés des outils pour les développeurs Chrome 139

Sofia Emelianova

Des outils pour les développeurs Chrome plus fiables et plus productifs

Dans cette version, les outils pour les développeurs Chrome ont privilégié l'excellence des produits. Nous avons ainsi pu résoudre un large éventail de problèmes connus, allant des bugs visuels de longue date aux problèmes d'utilisabilité, en passant par les incohérences de conception, les problèmes de performances et les problèmes fonctionnels. Globalement, nous avons réduit le nombre de problèmes ouverts de 27 %.

Nous avons enfin résolu certains problèmes qui existaient depuis des années, mais nous avons également amélioré des fonctionnalités plus récentes, par exemple le panneau Performances et l'assistance IA. L'expérience des développeurs est ainsi considérablement améliorée dans tous les domaines.

En coulisses, nous avons déployé des efforts considérables pour améliorer notre couverture de test, étudier les échecs de tests complexes, migrer les tests vers des bases plus robustes et résoudre les bugs que nous avons découverts en cours de route. Nous avons réussi à réduire le nombre de problèmes liés aux tests de 54 %.

Nous espérons que vous remarquerez ces nombreuses corrections et améliorations subtiles dans différents panneaux, qui rendront vos workflows de débogage et de développement quotidiens plus fluides, plus fiables et plus productifs.

Importer des images dans l'assistance IA pour le style

Pour fournir un contexte visuel supplémentaire à vos requêtes, vous pouvez désormais non seulement prendre des captures d'écran automatiques, mais aussi importer des images arbitraires dans vos discussions avec Gemini dans le panneau Assistance IA.

Commencez votre conversation depuis le panneau Éléments en sélectionnant un élément DOM et en cliquant sur Demander à l'IA. L'élément est ainsi spécifié comme contexte de la conversation. Cliquez ensuite sur Ajouter une image dans le champ de saisie.

Avant et après la prise en charge de l'importation d'images arbitraires.

Ajouter des en-têtes de requête au tableau dans "Réseau"

Dans le panneau Réseau, vous pouvez désormais effectuer un clic droit sur un nom de colonne dans le tableau des requêtes et sélectionner plusieurs en-têtes de requête pour les ajouter en tant que colonnes.

Avant et après l'ajout de l'option "En-têtes de requête" au menu.

Problème Chromium : 397481040.

Découvrez les temps forts de Google I/O 2025

Si ce n'est pas déjà fait, essayez les nouvelles fonctionnalités majeures des outils pour les développeurs Chrome présentées lors de Google I/O 2025, y compris, mais sans s'y limiter :

Consultez également les nouveaux insights sur les performances : JavaScript en double et Ancien tag JavaScript.

Autres points importants

Voici quelques-unes des nombreuses corrections et améliorations importantes apportées à cette version :

Application : une boîte de dialogue de confirmation s'affiche désormais pour effacer les magasins d'objets IndexedDB, car il s'agit d'une action irréversible (crbug.com/326987147).
Sources : les badges de points de journalisation et de points d'arrêt conditionnels à côté des lignes de code affichent désormais un info-bulle au survol avec le message de journalisation ou la condition correspondants (crbug.com/40266230).
Performances :
- L'insight Coupables du décalage de mise en page affiche désormais des liens vers les images sans taille (crbug.com/416449602).
- L'insight Détection de la requête LCP affiche désormais le délai de chargement de l'image après le premier point de départ.
- Limitation du débit : correction du format obsolète des paramètres de limitation du débit que certains utilisateurs avaient stockés localement.
- Journal des événements : le filtrage a été accéléré (crbug.com/40783421).
Animations : les aperçus sont obsolètes, car le clic pour prévisualiser un groupe d'animations offre une expérience similaire, voire meilleure (crbug.com/330179643).
Accessibilité :
- Ajout de libellés aria à la barre latérale Sources > Points d'arrêt DOM, le cas échéant.
- Correction de la navigation au clavier Maj+Tabulation dans le champ de texte Expression en direct de la console (crbug.com/408398435, crbug.com/420344137).
- La page Paramètres est désormais compatible avec les raccourcis pour faire un zoom avant/arrière/réinitialiser : Cmd/Ctrl++/-/0 (crbug.com/41484555).
- Éléments > Styles : les icônes d'indices et d'avertissements CSS (crbug.com/40706851) et l'horloge angulaire sont désormais accessibles au clavier (crbug.com/401212624, crbug.com/401213524).

Télécharger les canaux de prévisualisation

Envisagez d'utiliser Chrome Canary, Dev ou Beta comme navigateur de développement par défaut. Ces canaux d'aperçu vous donnent accès aux dernières fonctionnalités des outils de développement, vous permettent de tester les API de plate-forme Web de pointe et vous aident à identifier les problèmes sur votre site avant vos utilisateurs.

Contacter l'équipe Outils pour les développeurs Chrome

Utilisez les options suivantes pour discuter des nouvelles fonctionnalités, des mises à jour ou de tout autre élément lié aux outils pour les développeurs.

Envoyez-nous vos commentaires et vos demandes de fonctionnalités sur crbug.com.
Signalez un problème dans les outils de développement en cliquant sur Plus d'options > Aide > Signaler un problème dans les outils de développement.
Envoyez un tweet à @ChromeDevTools.
Laissez des commentaires sur les vidéos YouTube "Nouveautés des outils de développement" ou les vidéos YouTube "Conseils sur les outils de développement".