Découvrez quelques-unes des fonctionnalités intéressantes qui ont été intégrées aux navigateurs Web stables et bêta en mars 2022.
Versions stables du navigateur
En mars, Chrome 99, Chrome 100, Firefox 98 et Safari 15.4 sont devenus stables. De nombreuses nouvelles fonctionnalités ont ainsi été ajoutées à la plate-forme, dont un grand nombre ont fait en sorte qu'elles soient disponibles dans les trois moteurs de navigateur. Dans cet article, je me suis concentrée sur les ajouts qui nous offrent une interopérabilité entre les navigateurs, mais je vous invite à consulter les notes de version pour voir toutes les fonctionnalités ajoutées à chaque moteur.
Chrome 99 et Safari 15.4 comprenaient des calques en cascade. La règle at @layer définit une couche en cascade, ce qui vous aide à contrôler la spécificité. Ils rejoignent Firefox et les couches Cascade sont désormais disponibles dans les trois moteurs de navigateur. Pour en savoir plus sur les calques Cascade, consultez l'article Les calques en cascade arrivent sur votre navigateur.
Chrome 100 inclut la nouvelle valeur de plus-lighter pour la propriété CSS mix-blend-mode. Cette valeur est utile lors du fondu enchaîné entre deux éléments lorsque tous les pixels ou un sous-ensemble ont les mêmes valeurs. Pour en savoir plus sur le problème que cela résout, consultez Il est actuellement impossible d'effectuer un fondu enchaîné sur deux éléments DOM.
Navigateurs pris en charge
- 100
- 100
- 99
- 9,1
Safari 15.4 inclut la propriété contain, ce qui permet de confiner le CSS.
Dans Safari 15.4, accent-color permet également de contrôler la couleur d'accentuation utilisée dans certaines commandes de formulaire.
Firefox 98 et Safari 15.4 ont ajouté l'élément <dialog>, qui représente une boîte de dialogue.
Safari 15.4 est également compatible avec la pseudo-classe :focus-visible. La mise en œuvre a été réalisée par Igalia.
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 mars étaient Chrome 101 et Firefox 99.
Chrome 101 bêta inclut la notation de couleur HWB. Ce champ spécifie la couleur en fonction de sa teinte, de sa couleur blanche et de son noir. Comme pour les autres notations de couleurs, un composant alpha facultatif spécifie l'opacité.
h1 {
color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}
Firefox 99 inclut la propriété pdfViewerEnabled de l'interface Navigator. Cette propriété indique si le navigateur prend en charge l'affichage intégré des fichiers PDF.
if (!navigator.pdfViewerEnabled) {
// The browser does not support inline viewing of PDF files.
}
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"