Date de sortie de la version stable : 30 juin 2026
Sauf indication contraire, les modifications suivantes s'appliquent à la version stable de Chrome 150 pour Android, ChromeOS, Linux, macOS et Windows.
CSS et UI
Couleurs système AccentColor et AccentColorText
Les couleurs système AccentColor et AccentColorText peuvent être utilisées dans CSS pour accéder à la couleur d'accentuation du système spécifiée sur l'appareil de l'utilisateur. Cela permet aux développeurs d'appliquer un style semblable à celui d'une application native à leur contenu Web dans des contextes où les utilisateurs s'attendent à une intégration du thème de l'OS, comme une application Web installée. Les utilisateurs doivent se trouver dans une application Web installée sur le profil initial pour voir la couleur d'accentuation du système s'afficher.
Bug de suivi n° 40229450 | Entrée ChromeStatus.com | Spécification
Autoriser le paramètre d'arrondi facultatif pour polygon()
Ajoute un paramètre d'arrondi d'angle facultatif dans la fonction de forme CSS polygon(). Les développeurs peuvent spécifier une valeur de longueur pour arrondir les angles des polygones sans calculer manuellement les courbes de Bézier.
Bug de suivi n° 329302249 | Entrée ChromeStatus.com | Spécification
Animatable zoom
La propriété CSS zoom est animable et s'interpole en tant que <number>.
Les développeurs peuvent effectuer des transitions et animer zoom pour mettre à l'échelle les éléments et leur mise en page de manière fluide, en complément de la mise à l'échelle existante basée sur les transformations.
Bug de suivi n° 393810951 | Entrée ChromeStatus.com
Modificateurs de requête CSS url()
Les fonctions url() CSS acceptent des modificateurs de requête facultatifs après la chaîne d'URL entre guillemets : cross-origin(), integrity() et referrer-policy(). Ces modificateurs contrôlent le comportement de récupération de la ressource référencée directement à partir du CSS, sans nécessiter de modifications du balisage HTML ni de JavaScript. Par exemple, background-image: url("image.png" cross-origin(anonymous)) récupère l'image en mode anonyme CORS. Cela permet aux auteurs de contrôler précisément l'accès cross-origin, l'intégrité des sous-ressources et la stratégie de référenceur pour les ressources chargées en CSS, y compris les images, les polices, les références SVG et les feuilles de style importées.
Bug de suivi n° 435625756 | Entrée ChromeStatus.com | Spécification
Propriété CSS text-fit
Met à l'échelle la taille de police des nœuds de texte pour qu'ils s'adaptent parfaitement à la largeur de leur boîte de contenu.
Cette propriété permet aux développeurs de s'assurer que les titres ou le contenu dynamique remplissent l'espace horizontal disponible sans avoir à calculer manuellement la taille de la police ni à utiliser de solutions de contournement JavaScript complexes. Il fournit une solution CSS native et robuste pour la typographie responsive, qui maintient l'alignement visuel sur différentes tailles d'écran et longueurs de texte.
Bug de suivi n° 417306102 | Entrée ChromeStatus.com | Spécification
CSS background-clip: border-area
Implémente la valeur border-area pour la propriété CSS background-clip, telle que définie dans CSS Backgrounds Level 4. background-clip: border-area découpe l'arrière-plan d'un élément sur la zone peinte par les traits de sa bordure, en tenant compte de border-width et border-style tout en ignorant la transparence de border-color. Cela permet aux développeurs de créer des bordures en dégradé sans border-image.
WebKit propose déjà cette fonctionnalité. Cette implémentation permet à Chromium d'être au même niveau.
Bug de suivi n° 329302543 | Entrée ChromeStatus.com | Spécification
Fonction CSS image(<color>)
La fonction image() permet aux auteurs de générer une image de couleur unie à partir de n'importe quelle couleur. Sa syntaxe est la suivante : image() = image( <color> )
Bug de suivi n° 510426954 | Entrée ChromeStatus.com | Spécification
CSS light-dark() avec des valeurs d'image
Étend la fonction CSS light-dark() pour accepter les valeurs d'image (url(), image-set(), none) dans les feuilles de style de l'auteur, ce qui permet aux propriétés d'image telles que background-image, list-style-image, border-image-source, cursor et content de basculer automatiquement entre les images en fonction du jeu de couleurs préféré de l'utilisateur. Auparavant, cela n'était autorisé que dans les feuilles de style UA. Cela correspond à la spécification CSS Color 5 et à l'implémentation existante de Firefox.
Bug de suivi n° 491829958 | Entrée ChromeStatus.com | Spécification
Requêtes de conteneur séparées par une virgule
Prise en charge de plusieurs requêtes par règle @container. La règle @container s'applique si au moins une des requêtes correspond.
Cela permet d'avoir des requêtes de secours pour les fonctionnalités qui ne sont pas prises en charge dans tous les navigateurs.
Bug de suivi n° 41491726 | Entrée ChromeStatus.com | Spécification
Exposer les zones non imprimables avec CSS
Les imprimantes ont généralement une petite zone sur chacun des quatre bords d'une feuille de papier qu'elles ne peuvent pas marquer de manière fiable, généralement en raison du mécanisme de gestion du papier de l'imprimante. Les marges de page par défaut sont censées être plus grandes que ces zones. Toutefois, si les auteurs définissent eux-mêmes les marges et souhaitent même ajouter des zones de marge @page (par exemple, pour des en-têtes et des pieds de page personnalisés), ils ont besoin d'un moyen de savoir où il est sûr d'imprimer et où il ne l'est pas.
Le descripteur CSS page-margin-safety peut être utilisé pour éviter ces zones non imprimables.
Bug de suivi #368070327 | Entrée ChromeStatus.com | Spécification
flex-wrap: balance
flex-wrap: balance permet aux développeurs de répartir le contenu entre les lignes flexibles afin qu'il apparaisse plus équilibré (comme text-wrap: balance).
Bug de suivi n° 416755656 | Entrée ChromeStatus.com | Spécification
Fonction named-feature() pour @supports CSS
La fonction named-feature() permet aux règles @supports CSS d'interroger un petit ensemble de fonctionnalités nommées spécifiques qu'il n'est pas possible de tester à l'aide d'autres mécanismes @supports, mais qui sont considérées comme très utiles à tester.
Bug de suivi n° 353715317 | Entrée ChromeStatus.com | Spécification
overscroll-behavior: chain
overscroll-behavior a désormais les valeurs suivantes : none, auto, contain et la nouvelle valeur chain. Ces valeurs affectent deux effets indépendants : la propagation du défilement et l'effet de bordure local (par exemple, l'étirement du dépassement de défilement).
none: aucune propagation, aucun effet localauto: propagation, effet localcontain: aucune propagation, effet localchain: propagation, aucun effet local
Bug de suivi n° 499018879 | Entrée ChromeStatus.com | Spécification
Ajoutez la compatibilité avec path-length en tant que propriété CSS.
Ce changement introduit une nouvelle propriété CSS, path-length, qui correspond à l'attribut de présentation SVG pathLength existant. Il s'applique aux éléments de géométrie SVG qui sont compatibles avec pathLength (y compris <path>, <circle>, <rect>, <line>, <polyline>, <polygon> et <ellipse>).
Bug de suivi n° 40670251 | Entrée ChromeStatus.com | Spécification
DOM et HTML
Cloner dans tous les éléments selectedcontent descendants
Plusieurs petites modifications sont apportées aux cas extrêmes de l'élément selectedcontent :
- Lorsque plusieurs éléments selectedcontent sont placés dans un élément select en même temps, ils sont tous mis à jour, et pas seulement le premier dans l'ordre DOM.
- La mise à jour de l'élément de contenu sélectionné est différée lorsqu'elle s'exécuterait lors des étapes d'insertion, de suppression ou de déplacement pour résoudre les problèmes de sécurité. La mise à jour est différée à l'aide d'étapes post-insertion ou de microtâches.
Bug de suivi #458113204 | Entrée ChromeStatus.com | Spécification
Focusgroup
Permet de fournir de manière déclarative aux widgets composites la navigation au clavier, un arrêt sur tabulation garanti et la mémorisation de la dernière sélection, en remplacement des scripts tabindex itinérants codés à la main. Exemple :
<div focusgroup="toolbar wrap" aria-label="Formatting">
<button>Bold</button>
<button>Italic</button>
<button>Underline</button>
</div>
Entrée ChromeStatus.com | Spécification
Diffusion dans le désordre
Utilisez <template for> et les plages d'instructions de traitement (<?marker>, <?start> et <?end>) pour mettre à jour les parties existantes du document sans JS.
Bug de suivi 431374376 | Entrée ChromeStatus.com | Spécification
Analyser les instructions de traitement en HTML
Les instructions de traitement (syntaxe : <?target data>) sont une construction DOM existante, exposée en XML, qui représente des objets de nœud qui ne sont pas des éléments, mais qui peuvent avoir une signification sémantique pour le traitement d'un document.
Les instructions de traitement sont analysées par l'analyseur HTML et reçoivent une API d'attributs semblable à celle des éléments pour modifier leurs données.
Bug de suivi n° 481087638 | Entrée ChromeStatus.com | Spécification
Modifications du comportement de popover=hint
Cette modification implémente un modèle d'empilement révisé et simplifié pour l'attribut popover=hint et ses interactions avec popover=auto. Auparavant, les interactions entre ces deux types de pop-ups pouvaient être complexes dans certains cas extrêmes (par exemple, en imbriquant des pop-ups automatiques dans des pop-ups d'indices), et pouvaient entraîner un comportement inattendu. Avec le nouveau modèle, l'ouverture d'un pop-over d'indice ne ferme pas involontairement les pop-overs automatiques non liés. Les pop-ups d'aide ne sont masqués que lorsque leur pop-up automatique ancêtre est masqué ou lorsqu'un nouveau pop-up automatique non lié est ouvert. De plus, les développeurs peuvent imbriquer en toute sécurité un popover automatique dans un popover d'indice. Au lieu de générer une exception ou de casser la pile, le popover automatique imbriqué est "rétrogradé" et se comporte comme un popover d'indice.
Cela permet de prendre en charge des cas d'utilisation, comme le placement d'un customizable-select dans un popover=hint.
Pour améliorer encore la prévisibilité et éviter les mutations d'état complexes, nous renforçons également le comportement lié à l'ouverture et à la fermeture des popovers à partir de l'événement beforetoggle. Auparavant, des mesures de protection étaient en place pour certains cas possibles, mais pas tous. Cette modification remanie le mécanisme utilisé pour détecter ces cas, de sorte qu'il devrait générer plus fiablement InvalidStateErrors pour tous ces cas. Cela garantit que la gestion de l'état du pop-over reste stable et empêche les bugs de réentrance en boucle.
Bug de suivi n° 499019927 | Entrée ChromeStatus.com | Spécification
Promesses de défilement programmatique
Cette fonctionnalité fournit un signal fiable pour l'état d'achèvement d'un défilement fluide programmatique. Toutes les méthodes de défilement dans Element et Window renvoient des objets Promise qui sont résolus à la fin du défilement. La valeur résolue indique si le défilement a été interrompu ou non.
Bug de suivi #41406914 | Entrée ChromeStatus.com | Spécification
Graphiques et contenus multimédias
Désactiver les filtres SVG sur les plug-ins et les iFrames
Chrome 150 empêchera l'application de filtres SVG aux plug-ins intégrés (par exemple, les PDF) et aux iFrames inter-origines ou restreints (par exemple, les iFrames en bac à sable). Lorsqu'un plug-in ou un iFrame doit être peint avec un effet de filtre SVG, l'arborescence des effets est parcourue pour trouver l'ancêtre le plus élevé sans filtres SVG. Cet effet est ensuite appliqué à la place.
Bug de suivi : #476646486 | Entrée ChromeStatus.com | Spécification
WebGPU : immédiats
Ajoute un nouvel espace d'adressage immédiat dans WGSL et une méthode setImmediateData() sur les encodeurs de pass de rendu, de pass de calcul et de bundle de rendu qui permet aux développeurs de transmettre de petites quantités de données fréquemment mises à jour directement aux nuanceurs sans créer d'objets de tampon GPU ni de groupes de liaison.
Bug de suivi n° 366291600 | Entrée ChromeStatus.com | Spécification
Sécurité et Web Speech
Origine opaque pour les URL data:
Chrome 150 met à jour la façon dont les Workers dédiés et partagés gèrent les URL data:. Au lieu d'hériter automatiquement de l'origine de sécurité du script ou de la page qui les a créés, ces Workers se voient attribuer une origine opaque unique.
Cet alignement sur la spécification HTML des workers améliore la sécurité en isolant ces workers de l'état de même origine du créateur, ce qui les empêche d'accéder aux données sensibles à l'aide de mécanismes tels que BroadcastChannel ou le stockage de même origine. Pour maintenir des limites d'isolation correctes, ces workers résident toujours dans la même partition de stockage (par exemple, en conservant le site de premier niveau ou le nonce) que leur créateur.
Bug de suivi n° 40051700 | Entrée ChromeStatus.com | Spécification
API Web Speech : qualité de la reconnaissance sur l'appareil
Étend l'interface SpeechRecognition en ajoutant une propriété quality à SpeechRecognitionOptions. Cela permet aux développeurs de spécifier la capacité sémantique requise pour la reconnaissance sur l'appareil (avec processLocally: true).
L'énumération de qualité proposée accepte trois niveaux : command, dictation et conversation. Elles correspondent à une complexité croissante des tâches et des exigences matérielles.
Cela permet aux développeurs de déterminer si l'appareil local peut gérer des cas d'utilisation à fort enjeu (comme la transcription de réunions) ou s'ils doivent se rabattre sur les services cloud.
Bug de suivi n° 476168420 | Entrée ChromeStatus.com | Spécification
Applications Web
Migration de l'origine PWA
Lorsqu'un utilisateur installe une progressive web app (PWA), son identité et son contexte de sécurité sont étroitement liés à son origine Web, par exemple app.example.com.
Cela représente un défi de taille pour les développeurs qui doivent modifier l'origine de leur PWA en raison d'un changement de marque, d'une restructuration de domaine ou d'une réarchitecture technique. Sans migration d'origine, un tel changement oblige les utilisateurs à désinstaller manuellement l'ancienne application et à réinstaller la nouvelle, ce qui entraîne une expérience perturbatrice et une augmentation potentielle du taux de perte d'utilisateurs. Chrome 150 introduit un mécanisme permettant aux développeurs de migrer facilement une PWA installée vers une nouvelle origine de même site, tout en préservant la confiance et les autorisations des utilisateurs.
La règle WebAppInstallForceList bloque la migration. Étant donné que les règles d'entreprise appliquées aux applications Web reposent essentiellement sur les URL et les origines, une migration peut potentiellement contourner certaines règles configurées par un administrateur. Aucune migration n'est proposée à l'utilisateur lorsqu'une application est installée d'office par son administrateur d'entreprise. Une bannière s'affiche alors pour lui en expliquer la raison.
Bug de suivi 396504527 | Entrée ChromeStatus.com | Spécification
Phases d'évaluation
Protocole de validation de l'adresse e-mail
Le EVP (protocole de validation de l'adresse e-mail) aide les utilisateurs à créer des comptes, à y accéder et à les récupérer en fournissant une preuve cryptographique de propriété de manière fluide plutôt que des codes secrets à usage unique par e-mail manuellement.
Essai d'origine | Entrée ChromeStatus.com | Spécification
Mesure du chargement spéculatif
Exposer les données de mesure concernant les chargements spéculatifs (préchargements, prérécupérations et prérendus) dans le cadre d'une méthode performance.getSpeculations() nouvellement exposée.
Cela permettrait aux développeurs de mesurer l'efficacité de diverses stratégies de chargement spéculatives et de les adapter en conséquence.
Phase d'évaluation de l'origine | Bug de suivi n° 481590676 | Entrée ChromeStatus.com
WebRTC API Diagnostic Logging
API pour la journalisation des diagnostics WebRTC.
Cette API permet à une application d'activer l'enregistrement des données de diagnostic. Ces journaux contiennent des informations sur l'activité WebRTC de l'application. Ils sont utiles pour le débogage local ou pour signaler des bugs.
Les journaux peuvent être importés hors bande au fournisseur du navigateur et peuvent être utilisés pour diagnostiquer les bugs. L'application reçoit un ID qui peut être associé à un rapport d'erreur, comme pour les plantages.
Les journaux de diagnostic sont activés avec une règle d'entreprise appelée WebRtcDiagnosticLogCollectionAllowedForOrigins.
Version d'évaluation de l'origine | Bug de suivi n° 481412281 | Entrée ChromeStatus.com | Spécification
Abandons et suppressions
Cette version ne comporte aucune dépréciation ni suppression.