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

Nouveautés de Chrome 108

Adriana Jara

Voici les informations à retenir :

Les nouvelles unités de taille de la fenêtre d'affichage permettent de créer plus facilement des interfaces utilisateur adaptatives.
Les polices de vecteur de 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 : ce n'est pas tout

Je m'appelle Adriana Jara. Découvrons ensemble les nouveautés de Chrome 108 pour les développeurs.

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

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

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

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

En revanche, les unités small indiquent 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 des éléments de l'interface du navigateur affichés ou non.

La valeur doit être comprise entre la grande unité (le maximum) et la petite (le minimum).

Les 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 comportement de redimensionnement de la fenêtre d'affichage Android afin de gérer la fenêtre d'affichage de manière appropriée .

Les polices variables sont désormais compatibles avec COLRv1.

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

Mais la spécification COLRv1 inclut également des variantes OpenType, ce qui signifie qu'il est possible de modifier les propriétés de la police en modifiant les valeurs des axes des variables. Ces variantes sont désormais prises en charge.

Cette version inclut également les extensions de condition font-tech() et font-format() du CSS @supports .

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

Cliquez ici pour regarder la démonstration et donnez de l'impact à vos mots grâce à des polices variables.

Les méthodes FileSystemSyncAccessHandle sont désormais synchrones.

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

Cet appel génère une erreur FileSystemSyncAccessHandle.

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

Ce changement a une bonne raison de permettre à FileSystemSyncAccessHandle de correspondre à l'API de fichier synchrone de type POSIX attendue par les applications basées sur Wasm. L'API est ainsi plus ergonomique, tout en offrant des gains de performances importants.

Il s'agit d'une modification potentiellement destructive. Si vous utilisez les méthodes ci-dessus, toute utilisation de Promise.then() ne fonctionnera pas. Si vous associez un appel then() au résultat de l'une des méthodes auparavant asynchrones, puis 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, ce n'est pas tout.

Une modification 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 maintenant disponible dans le contexte des nœuds de calcul.

Complément d'informations

Nous n'aborderons ici que certains points clés. Consultez les liens ci-dessous pour en savoir plus sur les modifications supplémentaires apportées à Chrome 108.

Pour ne rien manquer, abonnez-vous à la chaîne YouTube des développeurs Chrome. Vous recevrez une notification par e-mail chaque fois qu'une nouvelle vidéo sera lancée.

Je m'appelle Adriana Jara. Dès la sortie de Chrome 109, je serai là pour vous dire les nouveautés de Chrome.