Découvrez quelques-unes des fonctionnalités intéressantes qui sont disponibles en version stable et bêta. les navigateurs Web pendant février 2024.
Versions stables des navigateurs
En février 2024, Firefox 123 et Chrome 122 est devenu stable. Cet article passe en revue les nouvelles fonctionnalités ajoutées à la plate-forme Web.
Shadow DOM déclaratif
Firefox 123 accepte l'attribut shadowrootmode
du fichier <template>
.
ce qui permet de prendre en charge
Shadow DOM déclaratif.
Cette fonctionnalité vient s'ajouter à Baseline, disponible récemment, car elle est interopérable entre
dans tous les principaux navigateurs.
103 Premiers indices: préchargement
Firefox 123 inclut la 103 Premiers indices pour le préchargement des ressources.
Navigateurs pris en charge
- 103
- 103
- 123
- x
Modifications apportées à l'héritage ::backdrop
du CSS
Le pseudo-élément CSS ::backdrop
est un cadre de la taille de la fenêtre d'affichage.
affiché immédiatement sous tout élément présenté dans le calque supérieur.
La spécification d'origine de ::backdrop
indiquait qu'elle n'en héritait pas
de n'importe quel élément et n'est pas héritée. Autrement dit, ::backdrop
n'ont 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.
En savoir plus sur les
changements apportés à ::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 alors être évincées indépendamment des données conservées dans d'autres buckets.
Pour en savoir plus, consultez le Documentation de l'API Storage Buckets
Navigateurs pris en charge
- 122
- 122
- x
- x
API Async Clipboard: lecture 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 JavaScript Set
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 que vous utilisez Firefox Nightly.
Versions bêta des navigateurs
Les versions bêta des navigateurs vous donnent un aperçu des nouveautés version stable du navigateur. C'est le moment idéal pour tester de nouvelles fonctionnalités, ou susceptibles d'avoir un impact sur votre site avant qu'il ne soit mis en ligne. Nouveau les bêtas sont Firefox 124 Chrome 123 publié ce mois-ci et Safari 17.4 est en cours. Ces versions apportent de nombreuses fonctionnalités intéressantes à la plate-forme. Découvrir la version des notes pour tous les détails. En voici quelques-unes.
Chrome 123 inclut plusieurs nouvelles fonctionnalités CSS. La fonction de couleur light-dark()
facilite l'adaptation des jeux de couleurs aux préférences de l'utilisateur. field-sizing
permet d'agrandir automatiquement les champs de saisie de texte. Il existe un nouveau média
pour tester les applications qui s'affichent en mode Picture-in-picture.
La propriété text-spacing-trim
applique le crénage aux langues chinoises, japonaises,
et le coréen (CJK) pour éviter les espaces excessifs.
Lire la suite dans
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.
en mode bloc et table. En savoir plus
le remplacement par align-content
de l'assistance. Testez vos sites si vous utilisez la propriété en dehors de la grille.
ou Flex, car cela entraîne des alignements, alors qu'ils n'étaient
fonctionnent dans une mise en page en blocs.
Firefox 124 est compatible avec le CSS
content-visibility
.
Cette propriété détermine si un élément affiche son contenu
permettant aux navigateurs d'omettre l'affichage du contenu tant que cela n'est pas nécessaire.