Nouveautés sur la plate-forme Web en novembre

Découvrez certaines des fonctionnalités intéressantes qui ont été intégrées aux navigateurs Web stables et bêta en novembre 2024.

Publié le 27 novembre 2024

En novembre 2024, Firefox 133 et Chrome 131 sont devenus stables. Cet article présente les nouvelles fonctionnalités ajoutées à la plate-forme Web.

API WebCodecs

Firefox 133 est compatible avec les interfaces ImageDecoder, ImageTrackList et ImageTrack de l'API WebCodecs, ce qui permet de décoder les images à partir des threads principaux et de travail.

Browser Support

  • Chrome: 94.
  • Edge: 94.
  • Firefox: 133.
  • Safari: not supported.

Source

Propriété permissions de WorkerNavigator

Firefox 133 est également compatible avec WorkerNavigator.permissions.

Browser Support

  • Chrome: 43.
  • Edge: 79.
  • Firefox: 133.
  • Safari: 16.4.

Source

@page cadres de marge

Chrome 131 est compatible avec les marges de page lorsque vous imprimez un document Web ou l'exportez au format PDF.

Les marges @page vous permettent de définir le contenu dans la zone de marge d'une page, par exemple pour fournir des en-têtes et des pieds de page personnalisés, plutôt que d'utiliser les en-têtes et pieds de page intégrés générés par le navigateur.

Les compteurs sont également acceptés pour la numérotation des pages. La spécification définit deux noms de compteurs spéciaux : page pour le numéro de page actuel et pages pour le nombre total de pages.

Pour en savoir plus, consultez Ajouter du contenu dans les marges des pages imprimées à l'aide de CSS.

Browser Support

  • Chrome: 131.
  • Edge: not supported.
  • Firefox: not supported.
  • Safari: not supported.

Compatibilité avec currentcolor dans la syntaxe de couleur relative

Chrome 131 permet aux couleurs relatives en CSS (à l'aide du mot clé from) d'utiliser currentcolor comme base. Vous pouvez ainsi définir des couleurs complémentaires, en fonction de la couleur du texte d'un élément, pour ses bordures, ses ombres ou ses arrière-plans.

Uint8Array méthodes

Firefox 133 ajoute plusieurs nouvelles méthodes Uint8Array pour faciliter les conversions entre base64- et les chaînes et tableaux d'octets encodés en hexadécimal:

  • Uint8Array.fromBase64() et Uint8Array.fromHex()
  • Uint8Array.prototype.setFromBase64() et Uint8Array.prototype.setFromHex()
  • Uint8Array.prototype.toBase64() et Uint8Array.prototype.toHex()

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 133.
  • Safari: 18.2.

Source

WebHID sur les nœuds de calcul dédiés

Chrome 131 active WebHID dans les contextes de worker dédiés. Cela vous permet d'effectuer des E/S lourdes et de traiter les données d'un appareil HID sur un thread distinct, ce qui permet de réduire l'impact sur les performances du thread principal.

Browser Support

  • Chrome: 131.
  • Edge: 131.
  • Firefox: not supported.
  • Safari: not supported.

Versions bêta du navigateur

Les versions bêta du navigateur 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 les nouvelles fonctionnalités ou les suppressions qui pourraient avoir un impact sur votre site avant que tout le monde ne les ait. Les nouvelles versions bêta sont Firefox 134, Safari 18.2 et Chrome 132. Ces versions apportent de nombreuses fonctionnalités intéressantes à la plate-forme. Pour en savoir plus, consultez les notes de version. Voici quelques-uns des points forts.

Safari 18.2 inclut les méthodes Uint8Array, mentionnées plus tôt dans cet article comme étant disponibles dans Firefox, et les descripteurs de marge @page disponibles dans Chrome ce mois-ci. Il existe une longue liste de nouvelles fonctionnalités CSS, y compris la prise en charge des transitions de vue entre les documents, ruby-align et text-box-trim.

Chrome 132 prend en charge les mots clés sideways-rl et sideways-lr pour la propriété CSS writing-mode, les événements d'activation/de désactivation pour <dialog> et une méthode bytes() pour les interfaces Request et Response.

Firefox 134 ne contient pas beaucoup de détails pour le moment, mais il semble inclure Promise.try, qui figure également dans la version bêta de Safari 18.2.