Découvrez certaines des fonctionnalités intéressantes qui ont été disponibles dans les navigateurs Web stables et bêta en avril 2024.
Versions stables du navigateur
En avril 2024, Firefox 125 et Chrome 124 sont devenus stables. Cet article porte sur les nouvelles fonctionnalités ajoutées à la plate-forme Web.
Quatre nouvelles caractéristiques arrivent dans la version de référence
Firefox 125 ajoute quatre nouvelles fonctionnalités à la nouvelle version de référence disponible.
L'API Popover, Intl.Segmenter
, align-content
pour les mises en page de blocs, et les valeurs content-box
et stroke-box
pour transform-box
API Popover
L'API Popover vous permet de créer de nombreux types de pop-ups non modals. (info-bulles, menus, toasts personnalisés, etc.). Les pop-ups incluent de nombreuses fonctionnalités intégrées pour lesquelles vous deviez auparavant écrire du code JavaScript. Pour en savoir plus, consultez la section L'API Popover se trouve dans la version de référence.
Intl.Segmenter
Intl.Segmenter
active la segmentation de texte sensible au niveau local. Par exemple, vous permettre de diviser des mots dans des langues qui ne séparent pas les mots par des espaces. Découvrez son fonctionnement dans la section L'objet Intl.Segmenter fait désormais partie de Baseline.
align-content
pour les mises en page de blocs
La propriété align-content
est désormais compatible avec tous les principaux moteurs de mise en page en blocs. Cela signifie que vous pouvez effectuer un alignement de la direction des blocs sans avoir à créer également une mise en page flexible ou de grille sur le parent. Consultez un exemple dans La propriété align-content pour les mises en page de blocs fait désormais partie de la référence .
Navigateurs pris en charge
- 123
- 123
- 125
- 17,4
CSS transform-box
Enfin, dans Firefox 125, les valeurs content-box
et stroke-box
de la propriété transform-box
sont les valeurs correspondantes.
La valeur content-box
utilise le champ de contenu et stroke-box
le cadre de délimitation du trait contenant la forme d'un SVG.
Navigateurs pris en charge
- 118
- 118
- 125
- 13.1
API WebSocketStream
L'API WebSocketStream intègre les flux WHATWG à l'API WebSocket et est disponible dans Chrome 124. Pour en savoir plus, consultez WebSocketStream: intégrer des flux à l'aide de l'API WebSocket.
Navigateurs pris en charge
- 124
- 124
- x
- x
setHTMLUnsafe
et parseHTMLUnsafe
Chrome 124 inclut également les méthodes setHTMLUnsafe
et parseHTMLUnsafe
qui vous permettent d'utiliser la fonction Shadow DOM déclarative à partir de JavaScript. Ces méthodes facilitent également l'analyse impérative du code HTML dans le DOM, par rapport à innerHTML
ou DOMParser
.
Navigateurs pris en charge
- 124
- 124
- 123
- 17,4
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 126, Safari 17.5 et Chrome 125. 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.
Safari 17.5 inclut la fonction de couleur light-dark()
, qui deviendra la nouvelle version de référence disponible une fois la version 17.5 stable.
Les fonctions de valeur échelonnées du CSS seront également disponibles dans la nouvelle version de référence.
Chrome 125 inclut round()
, mod()
et rem()
.
Chrome 125 inclut également l'API Compute Pressure et le positionnement de l'ancrage CSS.
Firefox 126 inclut l'API Screen Wake Lock, ce qui constitue une autre fonctionnalité de référence disponible.