Nouveautés de Chrome 98

Pete LePage

Voici les informations à retenir :

Je m'appelle Pete LePage. Allons plus loin et découvrons les nouveautés pour les développeurs dans Chrome 98.

Désactiver les thèmes sombres automatiques sur Android

Dans Chrome 96, nous avons commencé une phase d'évaluation pour les thèmes sombres automatiques sur Android.

Avec cette fonctionnalité, si votre site présente un thème clair et que le système d'exploitation de l'utilisateur est en mode sombre, le navigateur applique un thème sombre généré automatiquement à votre site.

Si vous êtes inscrit à la phase d'évaluation et que vous souhaitez désactiver le thème sombre généré automatiquement pour une page spécifique, vous pouvez utiliser une balise Meta.

<meta name="color-scheme" content="only light">

Vous pouvez également désactiver cette fonctionnalité en définissant color-scheme: only light sur l'élément :root.

:root {
  color-scheme: only light;
}

Mais le principal avantage de cette méthode est que vous pouvez la désactiver pour chaque élément en appliquant un style spécifique à cet élément.

.only-light,
#my-element {
  color-scheme: only light;
}

Pour en savoir plus, consultez la section Comment désactiver le thème sombre automatique dans Thèmes sombres automatiques sur Android.

Prise en charge de la police COLRv1

Dans Chrome 98, COLRv1, une évolution du format de police COLRv0, est désormais compatible. Elle ajoute des dégradés, des compositions et des mélanges, et améliore la réutilisation des formes pour obtenir des fichiers de police clairs et compacts, bien compressés.

Avec une police de couleur, les éléments surlignés, les titres et les bannières ressortent plus clairement.

Titre utilisant les polices COLRv1

L'un de mes cas d'utilisation préférés pour COLRv1 implique la cohérence des emoji sur toutes les plates-formes. Vous n'avez pas besoin de remplacer les emoji par des fichiers image, car les fichiers de police deviennent plus petits et plus faciles à inclure sur votre page.

Fichier de police utilisant des emoji cohérents

Étant donné qu'elle n'est pas aussi facile qu'elle ne devrait l'être, nous nous efforçons d'améliorer la détection des fonctionnalités. Mais c'est quelque chose à surveiller.

Pour en savoir plus et découvrir comment créer vos propres polices, consultez Polices vectorielles de dégradé de couleurs COLRv1 dans Chrome 98.

Émuler Chrome 100 dans la chaîne UA

Dans quelques mois, Chrome 100 sera le numéro de version à trois chiffres. Tout code qui vérifie les numéros de version ou analyse la chaîne UA doit être vérifié pour s'assurer qu'il gère trois chiffres.

Un indicateur appelé #force-major-version-to-100 permet de remplacer le numéro de version actuel par 100 afin de vous assurer que tout fonctionne comme prévu.

Page des drapeaux Chrome mettant en évidence la nouvelle option #force-major-version-to-100

Et bien plus !

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

Les requêtes CORS préliminaires sont désormais envoyées avant les requêtes réseau privées pour les sous-ressources, demandant une autorisation explicite au serveur cible.

Une nouvelle phase d'évaluation est disponible pour Region Capture, une API permettant de recadrer une piste vidéo auto-capture. Cette solution est idéale pour le partage d'écran dans les applications de visioconférence afin de ne pas créer d'effet de miroir.

Les commandes de superposition de fenêtre étaient prévues pour Chrome 98, mais en raison de problèmes détectés à la dernière minute, elles n'ont pas été intégrées. Elle est toujours en cours de développement et devrait arriver dans les prochaines versions.

Complément d'informations

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

S'abonner

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 Pete LePage. Dès que Chrome 99 sera disponible, je serai là pour vous dire quelles sont les nouveautés de Chrome !