Cette page a été traduite par l'API Cloud Translation.

Nouveautés de Chrome 108

Adriana Jara

Voici les informations à retenir :

Il est plus facile de créer des interfaces utilisateur adaptatives avec de nouvelles unités de taille de fenêtre d'affichage.
Les polices vectorielles couleur sont désormais compatibles avec les polices variables.
Les méthodes de l'interface FileSystemSyncAccessHandle, qui fait partie de l'API File System Access, sont désormais synchrones.
Et ce n'est pas tout : bien d'autres

Je m'appelle Adriana Jara. Intéressons-nous maintenant aux nouveautés de Chrome 108 pour les développeurs.

Nouvelles unités de mesure de la taille de la fenêtre d'affichage

Les nouvelles unités de fenêtre d'affichage vous offrent plus de contrôle pour créer des UI adaptatives.

Ces unités mesurent la zone de la fenêtre d'affichage différemment, car elles prennent en compte les éléments d'interface utilisateur du navigateur qui peuvent être développés ou réduits. Par exemple, la barre d'adresse.

Les unités large fournissent la taille de la fenêtre d'affichage en supposant que ces interfaces d'agent utilisateur sont réduites.

En revanche, les unités small fournissent la taille de la fenêtre d'affichage en supposant que les interfaces sont développées.

Avec les unités dynamic, la taille de la fenêtre d'affichage s'ajuste automatiquement en fonction de l'affichage ou non des éléments de l'interface du navigateur.

La valeur doit correspondre à n'importe quelle unité comprise dans les limites de la grande unité (le maximum) et de la petite unité (le minimum).

Différentes parties de la fenêtre d'affichage pour chaque type d'unité de fenêtre d'affichage.

Pour en savoir plus, consultez cet article. Consultez également le changement concernant le comportement de redimensionnement de la fenêtre d'affichage Android pour gérer correctement votre fenêtre d'affichage .

Les polices variables sont désormais compatibles avec COLRv1.

Les polices à vecteur de couleur COLRv1 sont compatibles depuis Chrome 98, mais la version initiale n'acceptait que les fonctionnalités statiques de la table COLRv1.

Toutefois, la spécification COLRv1 inclut également les variations OpenType, ce qui permet de modifier les propriétés de la police en modifiant les valeurs de l'axe des variables. Ces variantes sont désormais acceptées.

Cette version inclut également les extensions de conditions font-tech() et font-format() pour le CSS @supports .

Avec ces conditions, le développeur peut détecter quand les fonctionnalités de police sont disponibles pour offrir à l'utilisateur la dernière expérience et créer également un remplacement si la compatibilité n'est pas disponible.

Cliquez ici pour tester la démonstration et donner du poids à vos mots avec des polices variables.

Les méthodes FileSystemSyncAccessHandle sont désormais synchrones.

Le système de fichiers privé d'origine donne accès à un type particulier de fichier hautement optimisé pour les performances. Les développeurs peuvent accéder à ces fichiers en appelant createSyncAccessHandle(), une méthode exposée sur les objets FileSystemFileHandle.

Cet appel génère une FileSystemSyncAccessHandle.

Les méthodes truncate(newSize), getSize(), flush() et close() de ce gestionnaire d'accès étaient auparavant asynchrones, mais elles sont synchrones depuis Chrome 108.

Ce changement est justifié, car il permet à FileSystemSyncAccessHandle de correspondre à l'API de fichiers synchrone, semblable à POSIX, attendue par les applications basées sur Wasm. Il rend l'API plus ergonomique tout en apportant des gains de performances substantiels.

Il s'agit d'une modification potentiellement destructive. Si vous utilisez les méthodes ci-dessus, toute utilisation de Promise.then() sera interrompue. Si vous enchaînez un appel then() sur le résultat de l'une des méthodes auparavant asynchrones et désormais synchrones, vous devez modifier votre code.

// ⛔️ This will break, and you need to restructure your code:
accessHandle.flush().then(/* Follow-up code */);
// ✅ Correct:
accessHandle.flush();
/* Follow-up code */

Pour obtenir des instructions plus détaillées, consultez cet article.

Et bien plus !

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

Un changement du comportement de overflow sur les éléments remplacés est en cours de déploiement.
Si vous êtes un fournisseur d'identité, consultez l'API Federated Credential Management.
L'API Media Source Extensions est désormais disponible dans le contexte du worker.

Documentation complémentaire

Il ne s'agit que de quelques points clés. Consultez les liens ci-dessous pour en savoir plus sur les modifications supplémentaires dans Chrome 108.

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 la sortie de Chrome 109, je serai là pour vous présenter les nouveautés de Chrome.