Chrome 146 - Ce qu'il faut retenir
Chrome 146 déploie les scroll-triggered animations CSS, les scoped custom element registries et la Sanitizer API, avec plusieurs améliorations notables dans DevTools.
Publié le par Emmanuel LASTRA 1 min de lecture
Nouvelles fonctionnalités de la plateforme web
Chrome 146 est en cours de déploiement avec trois ajouts notables.
D’abord, les animations déclenchées au défilement (scroll-triggered animations) permettent désormais de contrôler des animations en CSS de façon déclarative selon la position de défilement, sans recourir à JavaScript.
Ensuite, les registres de custom elements scopés (scoped custom element registry) permettent à plusieurs définitions d’un même nom de balise de coexister dans une page, évitant les conflits entre bibliothèques tierces.
Enfin, la Sanitizer API (également disponible dans firefox) offre un moyen standardisé de nettoyer du HTML fourni par l’utilisateur afin de prévenir les attaques XSS.
Nouveautés dans DevTools
Du côté des outils de développement, la Console préserve désormais les modifications en cours lorsqu’on navigue dans l’historique des commandes, une friction de longue date enfin résolue.
Les Adopted Style Sheets sont maintenant visibles dans le panneau Elements sous un nœud dédié #adopted-style-sheets, éditables directement depuis le volet Styles, ce qui facilite le débogage des Web Components.
L’éditeur de grille CSS gère désormais l’algorithme de remplissage dense via une nouvelle case à cocher dans l’interface.
Côté confidentialité, l’ancien panneau “Privacy and Security” a été renommé “Security” et les informations relatives à la vie privée (cookies tiers, etc.) remontent désormais directement dans la Console.
Enfin, le serveur MCP de DevTools passe en version 0.19.0, avec notamment des audits Lighthouse intégrés, un mode --slim pour économiser des tokens, et de nouveaux outils dédiés à l’accessibilité et au débogage LCP.
Sources :