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 lancé 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 l'avantage principal de cette méthode est que vous pouvez désactiver cette fonctionnalité par é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, du compositing et du mélange, et améliore la réutilisation des formes pour des fichiers de polices nets et compacts qui se compressent bien.

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 travaillons à améliorer la détection des fonctionnalités, car elle n'est pas encore aussi simple qu'elle devrait l'être. Mais il faut garder un œil sur ce point.

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 remplace le numéro de version actuel par 100. Vous pouvez ainsi 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 de l'origine est disponible pour Region Capture, une API permettant de recadrer une piste vidéo autocapturée. 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 alors 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.