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

Sofia Emelianova
Sofia Emelianova
GitHub

Déboguer plus d'insights avec Gemini

Dans Performances > Insights, vous pouvez désormais cliquer sur Déboguer avec l'IA (auparavant Demander à l'IA) pour discuter et déboguer avec Gemini dans le panneau Assistance IA. Vous obtiendrez ainsi plus d'insights sur les performances :

  • Améliorer l'affichage des images
  • Ancien JavaScript
  • JavaScript en double
  • HTTP moderne

Avant et après l'ajout du bouton "Déboguer avec l'IA" à d'autres insights sur les performances.

Émuler l'en-tête "Save-Data" dans "Conditions du réseau"

Dans le panneau Conditions du réseau, vous pouvez désormais émuler le comportement de l'en-tête de requête Save-Data. Cet en-tête est un indice client réseau qui indique la préférence du client pour une utilisation réduite des données. Il est également disponible via l'API navigator.connection.saveData.

Avant et après l'ajout de l'émulation de l'en-tête de requête "Save-Data" aux "Conditions du réseau".

Problème Chromium : 40668980.

Afficher l'état de référence dans l'info-bulle d'une propriété CSS

Dans Éléments > Styles, lorsque vous pointez sur une propriété CSS, vous pouvez désormais voir, sous la définition de la propriété, sa disponibilité dans les principaux navigateurs en fonction de son état Baseline.

Avant et après l'ajout de l'état de référence aux info-bulles des propriétés CSS.

Problème Chromium : 417749762.

Remplacer les facteurs de forme dans les indicateurs client User-Agent

Dans le menu déroulant Conditions du réseau > Hints client user-agent, vous pouvez désormais remplacer les facteurs de forme, en particulier les valeurs de l'en-tête de requête Sec-CH-UA-Form-Factors.

Avant et après l'ajout des options de remplacement du facteur de forme aux indicateurs client User-Agent.

Problème Chromium : 422218341.

Lighthouse 12.8.0

Le panneau Lighthouse exécute désormais Lighthouse 12.8.0.

Dans cette version, Lighthouse ajoute un nouveau rapport : "Atténuer les attaques XSS basées sur le DOM avec les Trusted Types".

Consultez également la liste complète des modifications.

Pour découvrir les bases de l'utilisation du panneau Lighthouse dans les outils pour les développeurs, consultez Lighthouse : optimiser la vitesse d'un site Web.

Problème Chromium : 40543651.

Autres points importants

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

  • Assistance IA :
    • L'historique des discussions est désormais effacé lorsque vous désactivez la fonctionnalité d'IA correspondante dans les Paramètres.
    • Accessibilité : les lecteurs d'écran annoncent désormais les titres de contexte plus tôt, "Chargement de la réponse" lorsque la réponse commence à être diffusée et "Réponse prête" lorsque la réponse est complète.
  • Éléments :
    • L'onglet Styles peut désormais évaluer les fonctions CSS sibling-index(), sibling-count() et env() (crbug.com/417128001, crbug.com/40196710).
    • Ajout de la prise en charge du pseudo-élément ::view-transition-group-children (crbug.com/425901164).
    • Ajout de la prise en charge des problèmes d'accessibilité concernant le contenu interactif dans l'élément <summary> (crbug.com/427172874).
    • Dans l'onglet Calculé, vous pouvez désormais accéder aux propriétés détaillées dans Styles (crbug.com/41486012).
    • Éditeurs Easing et Color : vous pouvez désormais interagir avec les échantillons de Bézier pour les transitions d'animation et les échantillons de couleur à l'aide du clavier (crbug.com/401213421).
  • Réseau : l'importation de fichiers HAR inclut désormais également les cookies de requête et de réponse (crbug.com/432995868).
  • Mode Appareil : mise à jour des user-agents pour les appareils Apple vers la dernière version de Safari (18.5).

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 Chrome DevTools

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.

Nouveautés des outils pour les développeurs

Liste de tous les sujets abordés dans la série Nouveautés de DevTools.