Nouveaux types de couleurs 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 bêta de Chrome pour Android, ChromeOS, Linux, macOS et Windows. Pour en savoir plus sur les fonctionnalités répertoriées ici, cliquez sur les liens fournis ou consultez la liste disponible sur ChromeStatus.com. Chrome 111 est en version bêta depuis le 9 février 2023. Vous pouvez télécharger les dernières mises à jour sur Google.com pour ordinateur ou sur le Google Play Store pour Android.
CSS
Nouveaux types de couleurs et espaces CSS
Toutes les fonctionnalités décrites dans Niveau de couleur CSS 4 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 des 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 de couleurs et espaces.
Fonction color-mix()
La fonction color-mix()
incroyablement utile de CSS Color 5 est également disponible. Cette fonction permet de mélanger un pourcentage d'une couleur dans une autre, dans n'importe quel espace colorimétrique compatible. L'exemple suivant mélange 10% de blue
dans white
en SRVB.
.item {
background-color: color-mix(in srgb, blue 10%, white);
}
Sélecteurs CSS 4 Pseudo-classe :nth-child(an+b de S)
Développe :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 Plus de contrôle sur les sélections :nth-child()
avec la syntaxe of S
.
Unités de police racine CSS
Ajoute les 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 intégrée doit utiliser la référence first
ou last
pour l'alignement dans une zone de ligne.
API Web
La chaîne d'autorisation et de règle d'autorisation window-management
Chrome 111 ajoute window-management
en tant qu'alias pour les chaînes d'autorisation window-placement
et de règles d'autorisation. Cela s'inscrit dans un effort plus vaste de 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.
API Media Session: présenter les actions des diapositives
Ajout des actions previousslide
et nextslide
à l'API Media Session existante.
ArrayBuffer
redimensionnable et SharedArrayBuffer
extensible
Étendez les constructeurs ArrayBuffer
afin d'utiliser une longueur maximale supplémentaire permettant la croissance et la réduction sur place des tampons. De même, SharedArrayBuffer
est étendu pour prendre une longueur maximale supplémentaire qui permet une croissance sur place.
Règles de spéculation: clé de la stratégie 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 d'URL de provenance à utiliser avec les requêtes spéculatives déclenchées par ces règles. Cela réintroduit également le "Règlement suffisamment strict sur les URL de provenance". cette exigence.
Streaming du Shadow DOM déclaratif
Cette approche ajoute la prise en charge du streaming, en associant la racine fantôme à l'ouverture, plutôt que la balise de modèle de fermeture.
Afficher l'API Transitions
Permet de créer des transitions soignées dans les applications monopages (SPA) en créant un instantané des vues et en permettant au DOM de changer sans aucun chevauchement entre les états. Utilisez des transitions de vue pour créer des transitions personnalisées, ou utilisez un fondu enchaîné par défaut simple pour améliorer l'expérience utilisateur.
Consultez l'article pour les développeurs Chrome afin d'obtenir plus d'informations et des exemples de transition qui vous aideront à vous lancer.
Extensions de codage vidéo évolutifs WebRTC
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 WebXR enabledFeatures
Renvoie l'ensemble des fonctionnalités qui ont été activées pour cet élément 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, cet ensemble contiendra tous les requiredFeatures
, mais il peut s'agir d'un sous-ensemble de optionalFeatures
. Pour la plupart des fonctionnalités, il existe d'autres moyens de déterminer si elles ont été accordées. Toutefois, pour certaines fonctionnalités, le signal indiquant si une fonctionnalité a été activée peut être étroitement lié aux données d'une fonctionnalité qui n'est tout simplement pas disponible actuellement. En interrogeant enabledFeatures
, vous pouvez déterminer si des conseils utiles (par exemple, pour améliorer ou démarrer le suivi) doivent s'afficher, 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 suivantes.
Évaluation avant arrêt pour la suppression du contournement de CSP par connect-src
dans l'API Web Payment
Arrêt de la possibilité pour l'API Web Payment de contourner la règle CSP connect-src lors de la récupération du fichier manifeste. Après cet abandon, la règle CSP connect-src d'un site devra autoriser l'URL du mode de paiement spécifiée dans un appel PaymentRequest, ainsi que toutes les autres URL que la méthode enchaîne pour récupérer son fichier manifeste.
Cette fonctionnalité de contournement est supprimée dans Chrome 111 avec une phase d'évaluation de l'origine inversée de 111 à 113 pour les développeurs qui doivent réactiver temporairement le contournement. Pour l'activer, inscrivez-vous à l'essai d'abandon inverse pour le contournement de CSP connect-src
.
Picture-in-picture des documents
L'API Document Picture-in-picture est une nouvelle API qui permet d'ouvrir une fenêtre affichée en permanence qui peut être remplie avec du contenu HTML arbitraire. Il s'agit d'une extension de l'API Picture-in-picture existante qui permet uniquement d'insérer un élément HTMLVideoElement dans une fenêtre PIP. Cela permet aux développeurs Web d'offrir une meilleure expérience PIP aux utilisateurs.
Consultez la documentation sur le mode Picture-in-picture du document.
Inscrivez-vous à la phase d'évaluation du document Picture-in-picture.
Abandons et suppressions
Cette version de Chrome introduit les abandons et les suppressions indiqués ci-dessous. Consultez le site ChromeStatus.com pour obtenir la liste des abandons prévus, des abandons actuels et des suppressions précédentes.
Cette version de Chrome supprime trois fonctionnalités.
Supprimer PaymentInstruments
PaymentInstruments est l'API Web qui permet d'installer des applications de paiement sans JIT (voir https://w3c.github.io/payment-handler/). Il a été conçu en partant du principe que le navigateur stockerait les détails du mode de paiement réel, ce qui s'est avéré faux et présente des risques de fuite concernant la confidentialité. De plus, il n'a été proposé sur aucun autre navigateur, et nous n'avons pas constaté l'intérêt d'autres fournisseurs de navigateurs. Par conséquent, cette API a été abandonnée et supprimée.
Suppression du contournement de CSP par connect-src
dans l'API Web Payment
Arrêt de la possibilité pour l'API Web Payment de contourner la règle CSP connect-src
lors de la récupération 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ée dans un appel PaymentRequest, ainsi que toutes les autres URL que la méthode associe pour récupérer son fichier manifeste.
Consultez les informations sous "Phases d'évaluation" pour découvrir comment activer une phase d'évaluation avant arrêt et laisser plus de temps pour effectuer les modifications requises à la suite de cette suppression.
Identité du marchand dans l'événement canmakepayment
L'événement service worker canmakepayment
permet au marchand de savoir si l'utilisateur a enregistré une carte dans une application de paiement installée. Elle transmettait silencieusement le point de départ du marchand et des données arbitraires à un service worker depuis l'origine de l'application de paiement. Cette communication multi-origine a eu lieu lors de la construction de PaymentRequest en JavaScript, ne nécessitait aucun geste de l'utilisateur et n'affichait aucune interface utilisateur. Ce passage de données silencieux a été supprimé de l'événement canmakepayment
et de l'intent Android IS_READY_TO_PAY
.