Découvrez certaines des fonctionnalités intéressantes qui ont été disponibles dans les navigateurs Web stables et bêta en juillet 2023.
Versions stables du navigateur
En juillet 2023, Firefox 115 et Chrome 115 sont devenus stables. Cet article examine ce que cela signifie pour la plate-forme Web.
Plusieurs valeurs pour la propriété CSS display
Chrome 115 inclut plusieurs valeurs pour la propriété CSS display
. Cela signifie que display: flex
devient display: block flex
et display: block
devient display: block flow
. Les valeurs uniques sont conservées comme d'anciens mots clés et sont désormais disponibles dans les trois principaux moteurs.
Navigateurs pris en charge
- 115
- 115
- 70
- 15
Animations liées au défilement
Chrome 115 comprend également les extensions ScrollTimeline
et ViewTimeline
de la spécification Web Animations. Celles-ci permettent d'utiliser des animations liées au défilement via CSS et JavaScript.
API Privacy Sandbox
Les API de mesure et de pertinence de la Privacy Sandbox disponibles dans Chrome 115. Cela inclut les API Topics, Protected Audience, Attribution Reporting, Private Aggregation, le stockage partagé et Fenced Frames.
Pour en savoir plus sur ces API, consultez les démonstrations de la Privacy Sandbox.
Propriété animation-composition
Firefox 115 est compatible avec la propriété CSS animation-composition
. Prise en charge de animation-composition
sur les trois principaux moteurs. Pour en savoir plus, consultez l'article Spécifier comment plusieurs effets d'animation doivent être composés avec animation-composition.
Méthodes de tableau
Un ensemble de méthodes pour Array
et TypedArray
permet également l'interopérabilité avec Firefox 115. Array.toReversed()
, Array.toSorted()
, Array.toSpliced()
, Array.with()
, TypedArrays.toReversed()
, TypedArrays.toSorted()
et TypedArrays.with()
renvoient un nouveau tableau avec des éléments copiés de manière superficielle.
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 116 et Chrome 116. Les versions bêta de Safari 17 et Safari 16.6 sont toujours en cours de développement. 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 116 est compatible avec l'API Audio Output Devices sur toutes les plates-formes, à l'exception d'Android. Cette API permet aux applications Web de rediriger la sortie audio vers un casque, un haut-parleur ou un autre appareil Bluetooth autorisés, au lieu d'avoir à utiliser le navigateur ou les paramètres par défaut de l'OS sous-jacents.
Chrome 116 inclut la trajectoire d'animation CSS qui permet d'animer n'importe quel objet graphique le long d'un chemin spécifié par le développeur. Cela offre un certain nombre de nouvelles possibilités de transformation puissantes, telles que le positionnement à l'aide de coordonnées polaires (avec la fonction ray()
) plutôt que les coordonnées rectangulaires standards utilisées par la fonction translate()
, ou l'animation d'un élément le long d'un tracé défini. Il est ainsi plus facile de définir des transitions spatiales 2D complexes et de qualité. Un chemin d'accès peut être spécifié comme suit : circle()
, ellipse()
, rect()
, inset()
, xywh()
, polygon()
, ray()
et url()
.
Dans Chrome 116, vous trouverez également l'API Document Picture-in-picture. Cela permet d'activer une fenêtre "Always-on-top" (toujours en haut) qui peut être renseignée avec des éléments HTMLElements arbitraires. Il s'agit d'une extension de l'API HTMLVideoElement existante qui permet uniquement d'insérer un élément HTMLVideoElement dans une fenêtre Picture-in-picture (PIP).
Fait partie de la série Web "New to the Web Series"