Découvrez quelques-unes des fonctionnalités intéressantes qui ont été disponibles dans les navigateurs Web stables et bêta en août 2023.
Versions stables du navigateur
En août 2023, Firefox 116, Firefox 117, Safari 16.6 et Chrome 116 sont devenus stables. Cet article examine ce que cela signifie pour la plate-forme Web.
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).
Firefox 117 est compatible avec l'imbrication CSS et le sélecteur d'imbrication &
. Cela permet d'imbriquer une règle de style dans une autre. L'imbrication de CSS est alors interopérable avec une mise en garde. Safari et Chrome ont alors implémenté une ancienne version de la spécification qui n'autorisait pas l'imbrication de sélecteurs de type. Firefox a implémenté la nouvelle version de la spécification qui ne nécessite pas le sélecteur d'imbrication &
. Pour consulter des exemples des deux versions, consultez la section Utiliser l'imbrication CSS.
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 118 et Chrome 117. La version bêta de Safari 17 est 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.
Peu d'informations sont encore disponibles concernant la prochaine version de Firefox. Cependant, Chrome 117 promet des fonctionnalités intéressantes. Par exemple, certaines nouvelles fonctionnalités CSS qui permettent d'activer les animations d'entrée et de sortie
La valeur subgrid
pour grid-template-columns
et grid-template-rows
est incluse dans Chrome 117, ce qui rend cette valeur plus longue pour l'interopérabilité des fonctionnalités.
Chrome 117 comprend également le regroupement de tableaux JavaScript avec les méthodes statiques Object.groupBy et Map.groupBy.
La version bêta de Safari 17 inclut l'attribut popover
pour assurer la prise en charge de l'API Popover.
Fait partie de la série Web "New to the Web Series"