Nouveaux types de couleurs et espaces de couleur 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 listées ici, cliquez sur les liens fournis ou consultez 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 sur un ordinateur ou sur le Google Play Store sur Android.
CSS
Nouveaux types de couleurs et espaces CSS
Toutes les fonctionnalités décrites dans la section Niveau de couleur CSS 4 sont à présent activées. Cela inclut quatre types de couleurs indépendants de l'appareil (lab, Oklab, lch et Oklch), la fonction color()
, ainsi que des espaces de couleur définis par l'utilisateur pour les dégradés et les animations.
Pour en savoir plus sur ces nouveaux types de couleurs et espaces, consultez le guide des couleurs CSS en haute définition.
La 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 combine 10% de blue
dans white
en SRGB.
.item {
background-color: color-mix(in srgb, blue 10%, white);
}
Sélecteurs CSS 4 Pseudo-classe :nth-child(an + b de S)
Étend :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 Plus de contrôle sur les sélections :nth-child()
avec la syntaxe of S
.
Unités de police racine CSS
Ajout des unités de police racine rex
, rch
, ric
et rlh
à l'unité de police racine existante (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.
Appliquer un style aux requêtes de conteneur pour les propriétés CSS personnalisées
Ajout de la fonction style()
aux règles @container
pour permettre l'application de styles en fonction des valeurs calculées des propriétés personnalisées d'un élément ancêtre.
La 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
Chaîne de règles d'autorisation et d'autorisation window-management
Chrome 111 ajoute window-management
comme alias pour les chaînes d'autorisation et de règles d'autorisation window-placement
. Cela s'inscrit dans une démarche plus large 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 de gestion des fenêtres évolue.
API Media Session: présentation des actions liées aux diapositives
Ajout des actions previousslide
et nextslide
à l'API Media Session existante.
ArrayBuffer
redimensionnable et SharedArrayBuffer
extensible
Étendez les constructeurs ArrayBuffer
pour qu'ils prennent une longueur maximale supplémentaire qui permet une croissance et une 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 règle d'URL de provenance
Cette action étend la syntaxe des règles de spéculation pour permettre aux développeurs de spécifier la règle d'URL de provenance à utiliser avec les requêtes spéculatives déclenchées par ces règles. Cette modification réintroduira également l'exigence de "règles suffisamment strictes concernant les URL de provenance".
Flux Shadow DOM déclaratif
Cela permet d'ajouter la prise en charge du streaming, en joignant 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 des instantanés des vues et en permettant au DOM de changer sans qu'il y ait de chevauchement entre les états. Utilisez des transitions d'affichage pour créer des transitions personnalisées, ou utilisez un fondu enchaîné simple par défaut pour améliorer l'expérience utilisateur.
Consultez l'article pour les développeurs Chrome afin d'obtenir plus d'informations et d'obtenir des exemples de transitions pour vous aider à vous lancer.
Extensions WebRTC Scalable Video Coding
Cette extension définit une méthode standard permettant de choisir entre différentes 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 ce XRSession
, comme spécifié par XRSessionInit
, ainsi que les caractéristiques implicites requises par la spécification pour le mode et les caractéristiques donnés. Pour une session accordée, cet élément contiendra tous les requiredFeatures
, mais il peut s'agir d'un sous-ensemble de optionalFeatures
. La plupart des fonctionnalités ont des moyens alternatifs de déterminer si elles ont été accordées. Cependant, pour certaines d'entre elles, le signal indiquant si une fonctionnalité a été activée ou non peut être étroitement liée à des données indiquant qu'une fonctionnalité n'est tout simplement pas disponible pour le moment. En interrogeant enabledFeatures
, vous pouvez déterminer si des conseils utiles (par exemple, pour améliorer ou lancer le suivi) doivent s'afficher, ou si une fonctionnalité ne sera jamais disponible dans la session en cours.
Essais d'origine en cours
Dans Chrome 111, vous pouvez activer les nouvelles phases d'évaluation suivantes.
Essai d'abandon pour supprimer le contournement CSP connect-src
dans l'API Web Payment
Abandon de la capacité de l'API Web Payment à contourner la règle CSP connect-src lors de la récupération du fichier manifeste. Une fois l'abandon terminé, le règlement CSP d'un site connect-src devra autoriser l'URL de mode de paiement spécifiée 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 lors d'une phase d'évaluation inverse de 111 à 113 pour les développeurs qui doivent réactiver temporairement le contournement. Pour activer cette option, inscrivez-vous à l'essai d'abandon inverse pour le contournement de CSP connect-src
.
Document Picture-in-picture
L'API Document Picture-in-picture est une nouvelle API qui permet d'ouvrir une fenêtre toujours au premier plan pouvant ê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 des documents.
Inscrivez-vous à la phase d'évaluation de Document Picture-in-picture.
Abandons et suppressions
Cette version de Chrome présente les abandons et suppressions listés ci-dessous. Accédez à ChromeStatus.com pour consulter la liste des abandons prévus, des abandons actuels et des suppressions précédentes.
Cette version de Chrome supprime trois fonctionnalités.
Supprimer des Modes de paiement
PaymentInstruments est l'API Web qui garantit l'installation d'applications de paiement sans JIT (voir https://w3c.github.io/payment-handler/). Il a été conçu en partant du principe que le navigateur stocke les informations réelles du mode de paiement, ce qui n'est pas vrai et présente des fuites de confidentialité. De plus, ce service n'a été proposé sur aucun autre navigateur et nous n'avons constaté aucun intérêt de la part d'autres fournisseurs de navigateurs. Par conséquent, cette API est obsolète et supprimée.
Supprimer le contournement CSP connect-src
dans l'API Web Payment
Empêche l'API Web Payment de contourner la règle CSP connect-src
lors de la récupération du fichier manifeste. Une fois la suppression effectuée, le règlement 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 chaînera pour extraire son fichier manifeste.
Consultez les informations sur la phase d'évaluation pour découvrir comment activer un essai d'abandon afin de laisser plus de temps pour effectuer les modifications nécessaires en raison 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 possède une carte enregistrée dans une application de paiement installée. Il permet de transmettre discrètement l'origine du marchand et des données arbitraires à un service worker à partir de l'origine de l'application de paiement. Cette communication multi-origine s'est produite lors de la construction de PaymentRequest en JavaScript, n'a pas nécessité de geste de l'utilisateur et n'a affiché aucune interface utilisateur. Ce passage de données silencieux a été supprimé de l'événement canmakepayment
et de l'intent IS_READY_TO_PAY
Android).