Nouveautés de Chrome 128

Adriana Jara

Voici les informations à retenir :

Je m'appelle Adriana Jara. Voyons ce que Chrome 128 réserve aux développeurs.

Possibilité de fractionner la ligne <ruby>

L'élément <ruby> améliore la présentation du texte, en particulier pour les langues d'Asie de l'Est. Il vous permet d'afficher des annotations phonétiques ou d'autres informations supplé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, qui correspond au texte d'annotation, marqué avec l'élément.

Auparavant, si un ruby-base ou un ruby-text était plus long qu'une ligne entière, ils étaient mis en forme individuellement, ce qui créait des problèmes de mise en page.

Le ruby est désormais séparable par ligne. Le texte de l'annotation ruby est placé au-dessus du texte de base mis en forme pour un rendu idéal.

Pour obtenir des exemples et en savoir plus, consultez <ruby> pouvant être interrompu et propriété CSS ruby-align.

Promise.try

Promise.try facilite la gestion des erreurs avec les promesses. Il existe un modèle dans lequel vous avez une fonction, f. Cette fonction peut être asynchrone et renvoyer une promesse, ou non. Pour utiliser la sémantique des promesses pour gérer les erreurs dans les deux cas, encapsulez 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 asynchrone inutilement au prochain "tic".

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

Promise.try est un moyen simple et direct d'y parvenir. Il vous permet de démarrer une chaîne de promesses qui intercepte toutes les erreurs dans les gestionnaires .catch au lieu d'avoir à gérer à la fois les flux d'exception synchrones et asynchrones.

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

PointerEvent.deviceProperties pour l'encrage avec plusieurs stylets

Les développeurs ne pouvaient pas distinguer deux stylos individuels sur un numériseur compatible avec l'encre. L'attribut PointerEvent.pointerId existant est implémenté de différentes manières et ne persiste pas toujours pour chaque trait d'encre ou interaction avec l'écran.

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

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

Découvrez comment commencer à utiliser les événements de pointeur dans Pointing the way forward (Pointer vers l'avenir).

Et bien plus !

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

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

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

  • Le panneau "Animations" des DevTools permet désormais de capturer des animations et de modifier @keyframes en direct.

Consultez les notes de version complètes.

Documentation complémentaire

Il ne s'agit que de quelques points clés. Consultez les liens suivants pour en savoir plus sur les modifications apportées à Chrome 128.

S'abonner

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

Je m'appelle Adriana Jara. Dès que Chrome 128 sera disponible, je serai là pour vous présenter les nouveautés de Chrome.