Découvrez certaines des fonctionnalités intéressantes qui ont été disponibles dans les navigateurs Web stables et bêta en janvier 2024.
Versions stables du navigateur
En janvier 2024, Firefox 122, Chrome 121 et Safari 17.3 sont devenus stables. Cet article porte sur les nouvelles fonctionnalités ajoutées à la plate-forme Web.
<hr> à <select>
Firefox 122 ajoute des éléments <hr> en tant qu'enfants autorisés des éléments <select>.
Cela améliore la lisibilité des listes sélectionnées qui comportent de nombreuses options.
Tous les principaux moteurs de navigateur prennent désormais en charge cette fonctionnalité. Toutefois, notez qu'aucun navigateur n'expose actuellement <hr> à l'arborescence d'accessibilité.
Navigateurs pris en charge
- 119
- 119
- 122
- 17
HTMLSelectElement.showPicker
La méthode showPicker() pour HTMLSelectElement est également disponible pour les éléments <select> dans Firefox. Il s'agit du même sélecteur qui s'affiche normalement lorsque l'élément est sélectionné, mais qui peut être déclenché par un appui sur un bouton ou une autre interaction de l'utilisateur.
API Largest Contentful Paint (LCP)
Firefox 122 est également compatible avec l'API LCP. Cette API Performance fournit des informations temporelles sur le rendu d'image ou de texte le plus grand avant que les utilisateurs n'interagissent avec une page Web. Pour en savoir plus sur le LCP, consultez la documentation LCP.
Propriétés de la barre de défilement CSS
Chrome 121 est compatible avec les propriétés de barre de défilement scrollbar-color et scrollbar-width. Pour en savoir plus, consultez l'article Styles de barre de défilement.
Animation CSS font-palette
La propriété font-palette vous permet de sélectionner une palette spécifique pour afficher une police de couleurs.
Cette propriété est désormais compatible avec les animations. Le passage d'une palette à l'autre se fait donc en douceur entre les deux palettes sélectionnées.
Méthodes transfer() et transferToFixedLength() de ArrayBuffer
Firefox inclut les méthodes JavaScript transfer() et transferToFixedLength() de ArrayBuffer.
La méthode transfer() crée un ArrayBuffer avec le même contenu d'octets que le ArrayBuffer actuel, puis dissocie le ArrayBuffer d'origine. La méthode transferToFixedLength() fonctionne de la même manière, mais crée une ArrayBuffer de taille fixe.
Mises à jour de l'API Speculation Rules
Les sites utilisent l'API Speculation Rules pour indiquer de manière automatisée à Chrome les pages à précharger, ce qui permet d'améliorer l'expérience utilisateur en réduisant le temps de navigation sur les pages.
Chrome 121 est compatible avec les règles de document : il s'agit d'une extension de la syntaxe des règles de spéculation qui permet au navigateur d'obtenir la liste des URL pour le chargement spéculatif à partir des éléments d'une page. Les règles de documents peuvent inclure des critères pour lesquels de ces liens peuvent être utilisés. Cette méthode, associée à un nouveau champ eagerness, vous permet de précharger automatiquement ou de précharger automatiquement les liens sur les pages immédiatement, lorsque l'utilisateur pointe ou clique sur le bouton de la souris.
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 123, Chrome 122 et Safari 17.4. 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.
La version bêta de Firefox 123 inclut le Declarative Shadow DOM.
Firefox 123 prend également en charge le code d'état de la réponse d'informations HTTP 103 Early Hints pour le préchargement des ressources dont la page peut avoir besoin pendant que le serveur prépare la réponse complète.
La version bêta de Safari 17.4 regorge de fonctionnalités intéressantes. Pour le CSS, @scope et align-content sont compatibles avec les conteneurs de blocs et les cellules de tableau, les pseudo-éléments ::grammar-error et ::spelling-error, et bien plus encore.
Dans les formulaires, prise en charge du mode d'écriture verticale dans les commandes de formulaire, la méthode showPicker() pour <input type="date"> et prise en charge de <hr> dans <select> sur iOS.
JavaScript bénéficie également de nouvelles fonctionnalités, avec la prise en charge des méthodes detached(), transfer() et transferToFixedLength() de ArrayBuffer, entre autres.
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é.
Pour JavaScript, il existe de nouveaux assistants d'itérateur et de nouvelles méthodes pour la classe Set intégrée.
Dans Chrome 122, vous trouverez également l'API Storage Buckets, qui vise à rendre plus prévisible l'éviction du stockage persistant en cas de forte pression sur la mémoire.