Google a publié Chrome 89, qui comprend plusieurs mises à jour importantes des DevTools, telles qu'une gestion améliorée des violations de CSP, l'enregistrement Puppeteer, un débogage amélioré des cookies, ainsi que de nombreuses fonctionnalités supplémentaires.
L'amélioration de la prise en charge de la violation de CSP permet aux développeurs de détecter les exceptions via la nouvelle section "CSP Violation Breakpoints" dans l'onglet Sources. En outre, Chrome DevTools affiche désormais une icône d'avertissement à côté des lignes de code contenant des violations de type Trusted, offrant des détails supplémentaires sur l'exception et des conseils sur la manière de les résoudre.
Le support initial du débogage des Trust Token est désormais disponible dans l'onglet Network. Les Trust Tokens offrent aux développeurs une nouvelle façon de faire la distinction entre les utilisateurs réels et les robots afin d'améliorer la protection contre la fraude. Google a promis d'étendre les capacités de débogage dans les prochaines versions.
L'utilisation des cookies a été simplifiée avec quelques améliorations mineures mais pratiques. Les développeurs ont désormais un contrôle plus précis sur les cookies qui seront effacés sous Application/Cookies en filtrant les cookies qui ne doivent pas être supprimés. De plus, le volet Storage efface désormais uniquement les cookies propriétaires par défaut. Ce paramètre peut être modifié en sélectionnant l'option "including third-party cookies". Enfin, lors de la visualisation des cookies, les développeurs peuvent désormais choisir de voir les valeurs URL-decoded du cookie.
Il est désormais possible de copier des objets entiers dans le presse-papiers en cliquant dessus avec le bouton droit de la souris dans la console, le panneau Sources et le panneau Styles. Ceci est particulièrement utile lors du débogage d'objets volumineux ou de tableaux.
Enfin, la version de Lighthouse a été mise à niveau avec plusieurs nouveaux outils d'audit. Pour en savoir plus sur la modification apportée à Lighthouse 7, consultez les notes de version.
L'équipe Chrome Devtools a également livré plusieurs nouvelles fonctionnalités expérimentales qui méritent d'être notées.
Il est désormais possible de générer des scripts Puppeteer basés sur l'interaction du navigateur directement depuis les Devtools. Cela devrait offrir une fiabilité améliorée par rapport aux solutions tierces que les développeurs ont souvent utilisées dans le passé.
Chrome Devtools a adopté un nouveau calcul de contraste de couleur - Advanced Perceptual Contrast Algorithm (APCA) qui remplace les directives AA/AAA existantes pour le rapport de contraste dans le sélecteur de couleur.
Le nouvel algorithme APCA dépend davantage du contexte, prend en compte les propriétés spatiales du texte et, selon Google, offre des suggestions plus précises.
Une liste complète des fonctionnalités fournies avec Chrome DevTools 89 est disponible sur le post du blog officiel. Les développeurs peuvent suivre les dernières fonctionnalités sur le site Web des développeurs Google et discuter des fonctionnalités possibles, modifications et bogues sur la liste de diffusion.