Nouveautés de Chrome 128

Adriana Jara

Voici les informations à retenir :

  • Il est préférable d'afficher les éléments <ruby> avec des sauts de ligne.
  • Promise.try facilite l'enchaînement des promesses.
  • PointerEvent est étendu pour identifier de manière unique plusieurs stylets.
  • Et ce n'est pas tout !

Je m'appelle Adriana Jara. Entrons dans le vif du sujet et découvrons les nouveautés de Chrome 128 pour les développeurs.

Ligne <ruby> avec saut de ligne

L'élément <ruby> améliore la présentation du texte, en particulier pour les langues d'Asie de l'Est. Elle permet d'afficher des annotations phonétiques ou d'autres informations complémentaires au-dessus ou à côté du texte de base.

Un élément ruby se compose de deux parties principales, la base ruby qui correspond au texte principal et le texte ruby au texte de l'annotation, balisées avec l'élément.

Auparavant, si une base ou un texte en ruby était plus long qu'une ligne entière, ils étaient encapsulés individuellement pour créer des défis de mise en page.

Le mode rubis permet désormais de casser la ligne. Il place le texte de l'annotation ruby encapsulé sur le texte de base encapsulé pour obtenir un rendu de texte idéal.

Pour obtenir des exemples et en savoir plus, consultez les sections sur les <ruby> avec saut de ligne et la propriété CSS ruby-align.

Promise.try

Promise.try facilite la gestion des erreurs avec les promesses. Un modèle comporte une fonction, f. Il se peut que cette fonction soit asynchrone et renvoie une promesse, soit non. Pour utiliser la sémantique Promise afin de gérer les erreurs dans les deux cas, vous devez encapsuler la fonction dans une promesse.

Pour ce faire, vous pouvez utiliser Promise.resolve().then(f), mais dans ce cas, f serait exécuté de manière inutile et asynchrone au tick suivant.

Pour éviter ce problème, vous devez utiliser new Promise(resolve => resolve(f())), qui n'est pas du tout ergonomique.

Promise.try est le moyen simple et direct d'obtenir le même résultat. Elle vous permet de démarrer une chaîne de promesses qui détecte toutes les erreurs dans les gestionnaires .catch au lieu d'avoir à gérer à la fois des flux d'exceptions synchrones et asynchrones.

Pour en savoir plus, consultez la documentation sur Promise.try.

PointerEvent.deviceProperties pour l'écriture avec plusieurs stylets

Les développeurs n'avaient aucun moyen de faire la distinction entre deux stylos individuels sur un numériseur à encre. L'attribut PointerEvent.pointerId existant est implémenté de différentes manières et ne persiste pas à chaque trait d'encre ou interaction avec l'écran.

L'interface PointerEvent est désormais étendue pour inclure un nouvel attribut: deviceProperties. Elle contient l'attribut uniqueId, qui représente un identifiant unique, persistant et isolé de document, qu'un développeur peut utiliser de manière fiable pour identifier les stylos qui interagissent avec la page.

Cette modification vous permet, par exemple, de définir des couleurs ou des formes de stylo spécifiques pour chaque appareil interagissant avec le numériseur.

Pour savoir comment utiliser les événements de pointeur, consultez l'article Faire référence à l'avenir.

Et bien plus !

Bien sûr, il y en a bien d'autres.

  • La propriété CSS zoom est désormais conforme à la dernière norme.

  • Les erreurs de création et de rendu audio de AudioContext sont désormais signalées via AudioContext.onerror.

  • Le panneau DevTools (Animations) capture désormais les animations, et vous pouvez modifier @keyframes en direct.

Lisez les notes de version complètes.

Documentation complémentaire

Cela ne couvre que certains points clés. Consultez les liens suivants pour modifications supplémentaires dans Chrome 128.

S'abonner

Pour vous tenir informé, abonnez-vous à la Chaîne YouTube des développeurs Chrome, et vous recevrez une notification par e-mail chaque fois que nous lancerons une nouvelle vidéo.

Bonjour Adriana Jara. Dès la sortie de Chrome 128, je serai là pour vous présenter les nouveautés de Chrome.