Découvrez quelques-unes des fonctionnalités intéressantes qui ont été disponibles dans les navigateurs Web stables et bêta en février 2023.
Versions stables du navigateur
En février 2023, Firefox 110 et Chrome 110 sont devenus stables. Voyons ce que cela implique pour la plate-forme Web.
Requêtes de conteneur dans les trois moteurs
Firefox 110 était compatible avec les requêtes de conteneur de taille, rendant cette fonctionnalité clé disponible dans les trois moteurs.
Lettres initiales du CSS
Chrome 110 est compatible avec la propriété CSS initial-letter. Cette propriété définit le nombre de lignes qu'une lettre initiale doit insérer dans les lignes de texte suivantes. Pour en savoir plus, consultez l'article Contrôler vos mises à jour groupées avec la lettre initiale CSS.
Itération asynchrone ReadableStream
Firefox a ajouté la prise en charge du protocole itérable asynchrone dans ReadableStream.
AudioContext.setSinkId()
Dans Chrome, AudioContext.setSinkId définit l'ID de l'appareil audio à utiliser pour la sortie. Cela permet à AudioContext d'acheminer le contenu audio vers un périphérique de sortie connecté choisi par l'utilisateur.
Pour en savoir plus sur cette fonctionnalité, consultez l'article Modifier le périphérique de sortie de destination pour les annonces audio sur le Web.
Sans identifiant iFrame
Toujours dans Chrome, l'IFrame sans identifiant permet aux développeurs de charger des documents dans des iFrames tiers à l'aide de contextes nouveaux et éphémères. L'Iframe sans identifiant est une généralisation de COEP sans identifiant pour prendre en charge les iFrames tiers qui peuvent ne pas déployer COEP. Cela supprime la contrainte selon laquelle les iFrame tiers doivent prendre en charge le COEP pour être intégrés dans une page COEP et débloquera les développeurs qui souhaitent adopter l'isolation multi-origine.
En savoir plus sur l'utilisation sans identifiant d'iFrame
Navigateurs pris en charge
- 110
- 110
- x
- x
Écurie au stade précoce
Chrome 110 a également marqué un changement dans le calendrier de publication de Chrome. La version stable anticipée sera déployée une semaine avant la version générale auprès d'un petit pourcentage d'utilisateurs. Pour en savoir plus sur ce changement, consultez l'article Modification du calendrier de publication à partir de Chrome 110.
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 sont Firefox 111, Safari 16.4 et Chrome 111. Ces versions apportent de nombreuses fonctionnalités intéressantes à la plate-forme. Pour en savoir plus, consultez les notes de version, dont quelques-unes des principales caractéristiques.
Firefox ajoute la compatibilité avec le système de fichiers privés d'origine (OPFS, Origin Private File System) lors de l'utilisation de l'API File System Access.
Chrome inclut toutes les fonctionnalités décrites dans le niveau de couleur 4 du CSS. Cela inclut quatre types de couleurs indépendants des appareils (lab, Oklab, lch et Oklch), la fonction color(), ainsi que les espaces de couleur définis par l'utilisateur pour les dégradés et les animations. La fonction color-mix() de CSS Color 5 est également incluse.
Pour en savoir plus sur ces nouveaux types de couleurs et espaces, consultez le Guide des couleurs CSS en haute définition.
Chrome inclut également l'API View Transitions, qui permet des transitions soignées dans les applications monopages (SPA). Pour en savoir plus, consultez la documentation sur les transitions d'affichage.
Dans Chrome 111, il y a également le DOM déclaratif Shadow DOM, une nouvelle façon d'implémenter et d'utiliser le Shadow DOM directement en HTML.
Safari 16.4 s'annonce être une version énorme pour la plate-forme. Pour les CSS, cette version est compatible avec les pseudo-classes :user-invalid et :user-valid, la propriété margin-trim, la syntaxe de plage pour les requêtes média, ainsi que l'API CSS Properties and Values et @property.
Safari est également compatible avec Web Push, l'API Badging et un certain nombre d'autres API Web. Il s'agit d'une version vraiment passionnante qui permettra à un certain nombre de fonctionnalités d'atteindre l'interopérabilité.
Fait partie de la série Web "New to the Web Series"