Nouveaux types et espaces de couleurs CSS, fonctions trigonométriques CSS et API View Transitions.
Sauf indication contraire, les modifications suivantes s'appliquent à la dernière version du canal bêta de Chrome pour Android, ChromeOS, Linux, macOS et Windows. Pour en savoir plus sur les fonctionnalités listées ici, consultez les liens fournis ou la liste sur ChromeStatus.com. Chrome 111 est en version bêta depuis le 9 février 2023. Vous pouvez télécharger la dernière version sur Google.com pour ordinateur ou sur le Google Play Store sur Android.
CSS
Nouveaux types et espaces de couleur CSS
Toutes les fonctionnalités décrites dans le niveau 4 de la couleur CSS sont désormais activées. Cela inclut quatre types de couleurs indépendants de l'appareil (lab, Oklab, lch et Oklch), la fonction color() et les espaces de couleurs définis par l'utilisateur pour les dégradés et les animations.
Consultez le guide des couleurs CSS haute définition pour en savoir plus sur ces nouveaux types et espaces de couleurs.
Fonction color-mix()
La fonction color-mix(), extrêmement utile, de la version CSS Color 5 est également disponible. Cette fonction permet de mélanger un pourcentage d'une couleur à une autre, dans n'importe quel espace colorimétrique compatible. L'exemple suivant mélange 10% de blue dans white en SRGB.
.item {
background-color: color-mix(in srgb, blue 10%, white);
}
Sélecteurs CSS 4 :nth-child(an + b of S)
Élargit :nth-child(an + b) et :nth-last-child() pour accepter un sélecteur. Par exemple, :nth-child(3 of .c) est le troisième .c sous un parent donné. Pour en savoir plus, consultez l'article Contrôler davantage les sélections :nth-child() avec la syntaxe of S.
Unités de police racine CSS
Ajoute des unités de police racine: rex, rch, ric et rlh à l'unité de police racine existante de rem.
Fonctions trigonométriques CSS
Les fonctions trigonométriques sin(), cos(), tan(), asin(), acos(), atan() et atan2() ont été ajoutées aux expressions mathématiques CSS.
Requêtes de conteneur de style pour les propriétés personnalisées CSS
Ajoute la fonction style() aux règles @container pour permettre d'appliquer des styles en fonction des valeurs calculées des propriétés personnalisées d'un élément ancêtre.
Propriété baseline-source
La propriété baseline-source permet aux développeurs Web de spécifier si une zone de niveau en ligne doit utiliser la ligne de base first ou last pour l'alignement dans une ligne.
API Web
L'autorisation window-management et la chaîne de stratégie d'autorisation
Chrome 111 ajoute window-management en tant qu'alias pour les chaînes d'autorisation et de règle d'autorisation window-placement. Cette modification s'inscrit dans un effort plus vaste visant à renommer les chaînes en abandonnant et en supprimant window-placement à terme. Ce changement de terminologie améliore la longévité du descripteur à mesure que l'API Window Management évolue au fil du temps.
API Media Session: actions de présentation des diapositives
Ajoute des actions previousslide et nextslide à l'API Media Session existante.
ArrayBuffer redimensionnable et SharedArrayBuffer extensible
Étendez les constructeurs ArrayBuffer pour qu'ils acceptent une longueur maximale supplémentaire qui permet de faire évoluer et de réduire les tampons sur place. De même, SharedArrayBuffer est étendu pour prendre une longueur maximale supplémentaire qui permet une croissance in situ.
Règles de spéculation: clé de stratégie en matière d'URL de provenance
Cela étend la syntaxe des règles de spéculation pour permettre aux développeurs de spécifier la stratégie de référenceur à utiliser avec les requêtes spéculatives déclenchées par des règles de spéculation. Cette modification réintroduit également l'exigence d'une "règle de suivi suffisamment stricte".
Streaming du Shadow DOM déclaratif
Cela permet de prendre en charge le streaming en associant la racine d'ombre à la balise de modèle d'ouverture plutôt qu'à la balise de fermeture.
API View Transitions
Permet de créer des transitions soignées dans les applications monopages (SPA) en créant des instantanés des vues et en permettant au DOM de changer sans chevauchement entre les états. Utilisez les transitions de vue pour créer des transitions personnalisées ou utilisez un fondu croisé par défaut simple pour améliorer l'expérience utilisateur.
Pour en savoir plus et obtenir des exemples de transitions, consultez l'article pour les développeurs Chrome.
Extensions WebRTC Scalable Video Coding
Cette extension définit une méthode standard pour choisir entre les configurations SVC (Scalable Video Coding) possibles sur une piste vidéo WebRTC sortante.
Attribut enabledFeatures WebXR
Renvoie l'ensemble des fonctionnalités activées pour cette XRSession, comme spécifié par XRSessionInit, ainsi que les fonctionnalités implicites requises par la spécification pour le mode et les fonctionnalités donnés. Pour une session accordée, il contient tous les requiredFeatures, mais peut être un sous-ensemble de optionalFeatures. La plupart des fonctionnalités disposent d'autres moyens de détecter si elles ont été accordées. Toutefois, pour certaines fonctionnalités, le signal indiquant si une fonctionnalité a été activée ou non peut être étroitement lié aux données pour une fonctionnalité qui n'est pas disponible pour le moment, plutôt que pour une fonctionnalité qui ne sera jamais disponible. En interrogeant enabledFeatures, vous pouvez déterminer si des conseils utiles doivent être affichés (par exemple, pour améliorer ou démarrer le suivi) ou si une fonctionnalité ne sera jamais prise en charge dans la session en cours.
Phases d'évaluation en cours
Dans Chrome 111, vous pouvez activer les nouvelles phases d'évaluation des origines suivantes.
Test d'abandon pour la suppression du contournement du CSP connect-src dans l'API Web Payment
Abandon de la possibilité pour l'API Web Payment de contourner la règle CSP connect-src lors de l'extraction du fichier manifeste. Après cette suppression, la règle CSP connect-src d'un site devra autoriser l'URL du mode de paiement spécifié dans un appel PaymentRequest, ainsi que toutes les autres URL que la méthode enchaîne pour extraire son fichier manifeste.
Cette fonctionnalité de contournement est supprimée dans Chrome 111 avec un test d'origine inverse de la version 111 à la version 113 pour les développeurs qui doivent réactiver temporairement le contournement. Pour activer cette fonctionnalité, inscrivez-vous à l'essai de réactivation de la désactivation du contournement du CSP connect-src.
Picture-in-picture pour les documents
L'API Picture-in-Picture de document est une nouvelle API qui permet d'ouvrir une fenêtre toujours au premier plan pouvant être remplie de contenu HTML arbitraire. Il s'agit d'une extension de l'API Picture-in-picture existante, qui ne permet que de placer un élément HTMLVideoElement dans une fenêtre PIP. Cela permet aux développeurs Web de proposer une meilleure expérience PiP aux utilisateurs.
Consultez la documentation sur la vue Picture-in-Picture des documents.
Inscrivez-vous à la phase d'évaluation de la fonctionnalité Picture-in-picture pour les documents.
Abandons et suppressions
Cette version de Chrome introduit les abandons et suppressions listés ci-dessous. Consultez ChromeStatus.com pour obtenir la liste des fonctionnalités obsolètes prévues, actuelles et supprimées précédemment.
Cette version de Chrome supprime trois fonctionnalités.
Supprimer PaymentInstruments
PaymentInstruments est l'API Web qui prend en charge l'installation non JIT des applications de paiement (voir https://w3c.github.io/payment-handler/). Il a été conçu en partant du principe que le navigateur stockerait les informations réelles sur le mode de paiement, ce qui s'est avéré faux, et présente des fuites de confidentialité. Il n'a pas été déployé sur d'autres navigateurs, et nous n'avons vu aucun intérêt de la part d'autres fournisseurs de navigateurs. Par conséquent, cette API a été abandonnée et supprimée.
Suppression du contournement du CSP connect-src dans l'API Web Payment
Abandon de la possibilité pour l'API Web Payment de contourner la règle CSP connect-src lors de l'extraction du fichier manifeste. Après cette suppression, la règle CSP connect-src d'un site devra autoriser l'URL du mode de paiement spécifié dans un appel PaymentRequest, ainsi que toutes les autres URL que la méthode enchaîne pour extraire son fichier manifeste.
Consultez les informations sous "Tests d'origine" pour découvrir comment activer un test d'abandon afin de disposer de plus de temps pour effectuer les modifications requises en raison de cette suppression.
Identité du marchand dans l'événement canmakepayment
L'événement de service worker canmakepayment permet au marchand de savoir si l'utilisateur dispose d'une carte enregistrée dans une application de paiement installée. Il transmettait auparavant de manière silencieuse l'origine du marchand et des données arbitraires à un service worker à partir de l'origine de l'application de paiement. Cette communication inter-origine s'est produite lors de la création de PaymentRequest en JavaScript. Elle ne nécessitait aucun geste de l'utilisateur et n'affichait aucune interface utilisateur. Ce transfert de données silencieux a été supprimé de l'événement canmakepayment et de l'intent Android IS_READY_TO_PAY.