Découvrez certaines des fonctionnalités intéressantes qui ont été disponibles dans les navigateurs Web stables et bêta en février 2024.
Versions stables du navigateur
En février 2024, Firefox 123 et Chrome 122 sont devenus stables. Cet article porte sur les nouvelles fonctionnalités ajoutées à la plate-forme Web.
Shadow DOM déclarative
Firefox 123 accepte l'attribut shadowrootmode de l'élément <template>, ce qui lui permet d'utiliser le Declarative Shadow DOM.
Cette fonctionnalité rejoint la version de référence nouvellement disponible, car elle est interopérable avec tous les principaux navigateurs.
Navigateurs pris en charge
- 111
- 111
- 123
- 16.4
103 premiers conseils: précharger
Firefox 123 inclut le code d'état 103 Early Hints pour le préchargement des ressources.
Navigateurs pris en charge
- 103
- 103
- 123
- x
Modifications apportées à l'héritage des ::backdrop CSS
Le pseudo-élément CSS ::backdrop est une zone de la taille de la fenêtre d'affichage, qui s'affiche immédiatement sous tout élément présenté dans la couche supérieure.
La spécification d'origine de ::backdrop indiquait qu'elle n'héritait d'aucun élément et n'était héritée d'aucun élément. Cela signifie que ::backdrop n'avait pas accès aux propriétés personnalisées déclarées sur :root.
La spécification a été modifiée pour permettre à ::backdrop d'hériter des propriétés de son élément d'origine. Cette modification est implémentée dans Chrome 122.
Découvrez les modifications apportées à ::backdrop.
API Storage Buckets
Chrome 122 inclut l'API Storage Buckets. Cette API permet aux sites d'organiser les données sur l'appareil dans des buckets. Les données du groupe peuvent ensuite être supprimées indépendamment des données stockées dans d'autres buckets.
Pour en savoir plus, consultez la documentation de l'API Storage Buckets.
Navigateurs pris en charge
- 122
- 122
- x
- x
API Async Clipboard: lire du code HTML non rectifié
La version bêta de Chrome 122 inclut une option unsanitized dans la méthode read() de l'API Async Clipboard pour récupérer le format HTML non rectifié.
Méthodes Set JavaScript
Chrome 122 implémente les méthodes suivantes de Set:
Ces méthodes sont déjà implémentées dans Safari à partir de la version 17 et dans Firefox Nightly.
Versions bêta des navigateurs
Les versions bêta vous donnent un aperçu des éléments qui seront disponibles dans la prochaine version stable du navigateur. C'est le moment idéal pour tester de nouvelles fonctionnalités, ou suppressions, qui pourraient avoir un impact sur votre site avant que le reste du monde ne soit publié. Les nouvelles versions bêta sont Firefox 124, Chrome 123 publié ce mois-ci et Safari 17.4 est en cours de déploiement. Ces versions apportent de nombreuses fonctionnalités intéressantes à la plate-forme. Consultez les notes de version pour en savoir plus. Voici quelques-unes des principales nouveautés.
Chrome 123 comprend plusieurs nouvelles fonctionnalités CSS. La fonction de couleur light-dark() permet d'adapter plus facilement les jeux de couleurs aux préférences de l'utilisateur. La propriété field-sizing active le développement automatique des champs de saisie de texte. Une nouvelle fonctionnalité multimédia permet de tester les applications affichées en mode Picture-in-picture.
La propriété text-spacing-trim applique un crénage aux caractères de ponctuation chinois, japonais et coréen (CJK) afin d'ajuster les espaces excessifs.
Pour en savoir plus, consultez Présentation de quatre nouvelles fonctionnalités internationales pour les CSS.
Dans les versions bêta de Chrome 123 et de Safari 17.4, align-content est compatible avec la mise en page des blocs et des tableaux. Découvrez la modification apportée à la compatibilité avec align-content. Testez vos sites si vous utilisez peut-être la propriété en dehors des mises en page en grille ou flexible, car elle commencera à entraîner des alignements là où elle ne fonctionnait pas dans la mise en page en blocs.
Firefox 124 est compatible avec la propriété CSS content-visibility.
Cette propriété détermine si un élément affiche son contenu, ce qui permet aux navigateurs d'ignorer l'affichage du contenu jusqu'à ce qu'il soit nécessaire.