Découvrez certaines fonctionnalités intéressantes qui ont été intégrées aux navigateurs Web stables et bêta en février 2022.
Versions stables du navigateur
En février, Chrome 98 et Firefox 97 sont devenus stables.
La méthode self.structuredClone a été publiée dans Chrome 98. Elle crée un clone profond d'une valeur à l'aide de l'algorithme de clone structuré. En savoir plus sur structuredClone()
Firefox 97 inclut les calques en cascade. La règle at @layer définit une couche en cascade, ce qui vous aide à contrôler la spécificité.
@layer framework {
/* creates a new layer named framework */
}
Firefox est le premier navigateur à proposer cette version dans une version finale. Consultez toutefois la section de cet article sur les versions bêta, car il n'y aura pas trop de temps pour que cette fonctionnalité soit disponible partout. Pour en savoir plus sur les calques Cascade, consultez l'article Les calques Cacade arrivent sur votre navigateur.
Firefox permet également d'accéder à la propriété scrollbar-gutter. Cette propriété permet d'éliminer les décalages de mise en page causés par l'affichage d'une barre de défilement à mesure que le contenu s'agrandit.
Une gouttière de barre de défilement correspond à l'espace entre le bord de la bordure intérieure et le bord de la marge intérieure extérieure. C'est là qu'une barre de défilement apparaîtra si nécessaire. Si aucune barre de défilement n'est présente, la marge s'affiche sous la forme d'une extension de la marge intérieure. Le CSS suivant ajouterait un espacement en tenant compte de la taille de la barre de défilement de chaque côté de la zone, afin de garder l'apparence symétrique.
.container {
scrollbar-gutter: stable both-edges;
}
Chrome 98 accepte les polices vectorielles de dégradé de couleurs COLRv1 en tant que nouveau format de police supplémentaire. Une police de couleur contient des glyphes de différentes couleurs, par exemple un emoji, un drapeau de pays ou une lettre multicolore.
Pour en savoir plus sur ce nouveau format de police, consultez Polices vectorielles de dégradé de couleurs COLRv1 dans Chrome 98.
Versions bêta des navigateurs
Les versions bêta vous donnent un aperçu de ce qui sera disponible dans la prochaine version stable du navigateur. C'est le moment idéal pour tester de nouvelles fonctionnalités, ou des suppressions, qui pourraient avoir un impact sur votre site, avant qu'elles soient publiées.
Les nouvelles versions bêta de février étaient les suivantes : Chrome 99 et Firefox 98. La version bêta 15.4 de Safari est toujours en cours. J'ai abordé certains points le mois dernier.
Chrome 99 inclut les calques Cascade, et les couches Cascade dans la version bêta 15.4 de Safari. Cette fonctionnalité devrait être disponible très prochainement dans tous les navigateurs permanents.
Chrome 99 propose également plusieurs nouveaux attributs pour CanvasRenderingContext2D, ainsi qu'une nouvelle méthode showPicker() sur HTMLInputElement, qui permet d'afficher un sélecteur de navigateur pour la date, l'heure, la couleur et les fichiers.
Dans Firefox 98, vous trouverez l'élément <dialog>. Cette fonctionnalité sera également disponible dans tous les navigateurs permanents, une fois que les versions bêta de Firefox et de Safari seront stables.
Toutes ces fonctionnalités bêta seront bientôt disponibles dans des navigateurs stables.
Fait partie de la série Web "New to the Web Series"