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.
Il existe un ensemble de nouvelles propriétés dans CSS.
Grâce à la prise en charge de MathML Core, vous pouvez facilement ajouter des notations mathématiques dans votre code HTML.
Et ce n'est pas tout

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

OPFS sur Android

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.

Elle a été lancée sur ordinateur avec Chrome 102, puis Chrome 109 améliore sa compatibilité en la rendant disponible sur Android.

À quelques exceptions près, il inclut toutes les surfaces de l'API File System Access, ce qui permet de gérer facilement les fichiers directement à partir du 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 quelques nouvelles fonctionnalités CSS, dont une nouvelle unité de longueur: lh.

L'unité CSS lh est égale à la valeur calculée de la propriété de hauteur de ligne de l'élément sur lequel elle est utilisée. Cela permet d'attribuer à une textarea une hauteur identique au nombre de lignes du texte attendu.

De plus, le groupe de travail CSS a ajouté une 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 la largeur de la police de caractères.

Pour mieux contrôler la typographie Web, la propriété hyphenate-limit-chars spécifie le nombre minimal de caractères dans un mot avec trait d'union.

Compatibilité avec MathML Core.

Si vous avez déjà essayé d'ajouter des formules mathématiques à votre page Web de manière simple et stylisée, vous serez heureux d'apprendre que MathML Core est désormais disponible dans Chrome.

MathML est un langage permettant de décrire la notation mathématique afin de l'inclure au format HTML et SVG. Il est affiché de manière compatible CSS avec OpenType MATH et exposé via les API d'accessibilité de la plate-forme.

Les styles MathML sont activés par des fonctionnalités CSS, y compris celles dédiées à la mise en page mathématique. Exemples : propriétés math-depth, math-shift et math-style, valeur math pour la propriété display, etc.

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

Et bien plus !

Bien entendu, 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.

Documentation complémentaire

Cela ne couvre que certains points clés. Consultez les liens ci-dessous pour modifications supplémentaires dans Chrome 109.

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.

Je m'appelle Adriana Jara. Dès la sortie de Chrome 110, je serai là pour vous informer des nouveautés de Chrome !