Nouveaux utilisateurs sur la plate-forme Web en janvier

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

Publié le 29 janvier 2025

Versions stables du navigateur

En janvier 2025, Firefox 134, Safari 18.3 et Chrome 132 sont devenus stables. Cet article présente les nouvelles fonctionnalités ajoutées à la plate-forme Web.

Promise.try est désormais disponible en tant que référence

Promise.try est une méthode pratique qui facilite la gestion des erreurs pour les fonctions de rappel synchrones. Il est disponible à partir de Firefox 134, ce qui en fait une nouveauté de référence. Pour en savoir plus, consultez Promise.try est désormais disponible en tant que référence.

Propriétés d'alignement CSS pour les éléments positionnés de manière absolue

Dans Firefox 134, les propriétés CSS align-self et justify-self, ainsi que la propriété abrégée CSS place-self, sont désormais compatibles avec les éléments positionnés de manière absolue.

Browser Support

  • Chrome: 122.
  • Edge: 122.
  • Firefox: 134.
  • Safari: not supported.

Modes d'écriture latérale CSS

La prise en charge des mots clés sideways-rl et sideways-lr pour la propriété CSS writing-mode a été ajoutée à Chrome 132. Les sideways-rl et sideways-lr sont utiles pour écrire du texte non CJK verticalement lorsque vous souhaitez afficher du texte vertical à des fins de conception.

Browser Support

  • Chrome: 132.
  • Edge: 132.
  • Firefox: 43.
  • Safari: not supported.

Correction de la compatibilité mobile avec le popover

Safari 18.3 corrige divers problèmes d'interopérabilité. Un problème clé est la correction du popover. Auparavant, il était impossible de fermer le popover en appuyant ou en cliquant en dehors de celui-ci sur iOS et iPadOS. Ce problème a été résolu.

Request.bytes() et Response.bytes() sont disponibles en tant que référence

Chrome 132 ajoute une méthode bytes() aux interfaces Request et Response de Fetch, qui renvoie une promesse résolue avec un Uint8Array. Bien que Request et Response disposent d'une méthode arrayBuffer(), vous ne pouvez pas lire directement à partir d'un tampon. Vous devez créer une vue telle qu'une Uint8Array pour la lire. La méthode bytes() améliore l'ergonomie de l'obtention du corps de Request et Response.

Browser Support

  • Chrome: 132.
  • Edge: 132.
  • Firefox: 128.
  • Safari: 18.

Source

API Device Posture

Chrome 132 inclut l'API Device Posture, conçue pour vous aider à concevoir des écrans pliables. Cette implémentation inclut une nouvelle fonctionnalité multimédia CSS device-posture qui peut être utilisée pour détecter la position actuelle de l'appareil. Il comprend également une interface JavaScript pour détecter et réagir aux changements de posture. Les postures sont définies comme suit:

  • continuous: indique un écran plat, y compris un appareil pliable lorsqu'il est utilisé à plat, ainsi que des écrans plats ou incurvés.
  • folded: indique un écran plié, ce qui peut inclure un appareil pliable utilisé comme un livre ou un ordinateur portable.

Browser Support

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

API WebAuthn Signal

Chrome 132 inclut également l'API WebAuthn Signal, qui permet aux parties de confiance WebAuthn de renvoyer des informations sur les identifiants existants aux fournisseurs de stockage d'identifiants, afin que les identifiants incorrects ou révoqués puissent être mis à jour ou supprimés de l'UI du fournisseur et du système.

En savoir plus sur l'API Signal pour les clés d'accès sur Chrome pour ordinateur

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 135 et Chrome 133. 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.

Chrome 133 est une version passionnante pour le CSS. Il comprend la fonction attr() avancée, les requêtes de conteneur d'état de défilement et les text-box, text-box-trim et text-box-edge CSS.

Chrome 133 inclut également l'interface FileSystemObserver et une primitive DOM (Node.prototype.moveBefore) qui vous permet de déplacer des éléments dans un arbre DOM, sans réinitialiser leur état.

Firefox 135 inclut l'analyse JSON avec proposition de source, qui vise à fournir des fonctionnalités pour atténuer les problèmes liés à la perte de précision lors de la conversion de valeurs telles que de grands nombres à virgule flottante et de valeurs de date entre les valeurs JavaScript et le texte JSON.