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

Nouveautés de Chrome 109

Adriana Jara

Voici les informations à retenir :

L'API Origin Private File System est désormais disponible pour Android.
Un ensemble de nouvelles propriétés est disponible en CSS.
Grâce à la compatibilité de MathML Core, vous pouvez facilement ajouter des notations mathématiques à votre code HTML.
Et ce n'est pas tout : ce n'est pas tout.

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

OPFS sur Android

Le système de fichiers privés d'origine (OPFS, Origin Private File System) fait partie de l'API File System Access. Il s'agit d'un point de terminaison de stockage réservé à l'origine de la page.

Il a été lancé sur les ordinateurs de bureau sous Chrome 102, tandis que Chrome 109 améliore sa compatibilité en le rendant disponible sur Android.

À quelques exceptions près, elle inclut toutes les surfaces de l'API File System Access, qui permettent de gérer facilement les fichiers directement depuis le système de fichiers local. Les méthodes show*Picker() et l'intégration de l'API glisser-déposer ne sont pas encore disponibles.

Avec l'API File System Access sur OPFS, les sites peuvent accéder à leur système de fichiers privé par origine et effectuer des opérations sur les fichiers via FileSystemSyncAccessHandle, ce qui améliore les performances.

Consultez cet article pour découvrir comment implémenter un accès fluide au système de fichiers sur toutes les plates-formes.

Nouveautés CSS.

Voici maintenant quelques nouvelles fonctionnalités CSS, en commençant par une nouvelle unité de longueur: lh.

L'unité CSS lh est égale à la valeur calculée de la propriété line-height pour l'élément sur lequel elle est utilisée. Ainsi, la hauteur d'un élément textarea est identique au nombre de lignes du texte attendu.

Le groupe de travail CSS a également ajouté une nouvelle valeur auto pour les descripteurs font-weight, font-style et font-stretch dans la règle @font-face. auto est désormais la valeur initiale. Ces descripteurs dans des polices variables permettent aux utilisateurs de choisir l'épaisseur, l'inclinaison ou l'épaisseur de la police de caractères.

Pour un meilleur contrôle de la typographie Web, la propriété hyphenate-limit-chars spécifie le nombre minimal de caractères dans un mot composé.

Compatibilité avec MathML Core.

Si vous avez déjà essayé d'ajouter des formules mathématiques à votre page Web de façon stylisée et accessible, vous serez ravi d'apprendre que MathML Core est désormais compatible avec Chrome.

MathML est un langage permettant de décrire la notation mathématique d'une manière qui peut être incluse dans le code HTML et SVG. Il s'affiche de manière compatible CSS avec OpenType MATH et est exposé via les API d'accessibilité de la plate-forme.

Le style MathML est activé par les fonctionnalités CSS, y compris celles dédiées à la mise en page mathématique. Voici quelques exemples : les propriétés math-depth, math-shift et math-style, la valeur math pour la propriété display, etc.

Consultez la documentation pour obtenir des détails et des exemples d'amélioration de votre jeu de notation mathématique.

Et bien plus !

Bien sûr, ce n'est pas tout.

Vous pouvez utiliser la propriété suppressLocalAudioPlayback dans MediaTrackSupportedConstraints pour mieux contrôler la lecture audio lorsque vous utilisez des enceintes externes.
La mise au point conditionnelle est désormais disponible lorsque vous appelez getDisplayMedia().
La confirmation de paiement sécurisé est disponible pour Chrome sur Android.

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 109.

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 et dès la sortie de Chrome 110, je serai là pour vous dire quelles nouveautés sont disponibles.