Nouveautés de Chrome 98

Pete LePage

Voici les informations à retenir :

Je m'appelle Pete LePage. Voyons ce que Chrome 98 propose aux développeurs.

Désactiver le thème sombre automatique 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 est au format clair et que l'OS de l'utilisateur est en mode sombre, le navigateur applique un thème sombre généré automatiquement à votre site.

Si vous vous êtes inscrit au test de la version d'origine et que vous souhaitez désactiver le thème sombre généré automatiquement pour une page spécifique, vous pouvez utiliser une balise méta.

<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 Désactiver le thème sombre automatique dans Thèmes sombres automatiques sur Android.

Compatibilité avec les polices COLRv1

Chrome 98 est désormais compatible avec COLRv1, une évolution du format de police COLRv0. Il ajoute des dégradés, de la composition et du mélange, et améliore la réutilisation des formes pour des fichiers de police compacts et nets qui se compressent correctement.

Une police de couleur permet de mettre en valeur les titres et les bannières.

Titre utilisant des polices COLRv1

L'un de mes cas d'utilisation préférés pour COLRv1 est 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 polices sont plus petits et plus faciles à inclure sur votre page.

Fichier de police utilisant des emoji cohérents

Nous nous efforçons d'améliorer la détection des fonctionnalités, car cette opération n'est pas aussi simple qu'elle devrait l'être. Mais il faut garder un œil dessus.

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

Émuler Chrome 100 dans la chaîne UA

Dans quelques mois, nous atteindrons Chrome 100, avec un 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 les trois chiffres.

Un indicateur appelé #force-major-version-to-100 va remplacer le numéro de version actuel par 100, ce qui vous permettra de vous assurer que tout fonctionne comme prévu.

Page des indicateurs Chrome mettant en avant la nouvelle option #force-major-version-to-100

Et bien plus !

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

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

Une nouvelle phase d'évaluation est disponible pour Region Capture, une API permettant de recadrer une piste vidéo auto-capture. Idéal pour le partage d'écran dans les applications de visioconférence afin d'éviter de créer un effet de hall d'ombres.

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. Nous y travaillons toujours et nous prévoyons de le déployer dans les prochaines versions.

Documentation complémentaire

Il ne s'agit là que de quelques-uns des points clés. Consultez les liens ci-dessous pour découvrir d'autres modifications apportées à Chrome 98.

S'abonner

Pour vous tenir informé, abonnez-vous à la chaîne YouTube des développeurs Chrome. Vous recevrez une notification par e-mail chaque fois que nous lancerons une nouvelle vidéo.

Je m'appelle Pete LePage. Dès que Chrome 99 sera disponible, je serai là pour vous présenter les nouveautés de Chrome.