Stabiele releasedatum: 30 juni 2026
Tenzij anders vermeld, gelden de volgende wijzigingen voor de stabiele versie van Chrome 150 voor Android, ChromeOS, Linux, macOS en Windows.
CSS en UI
AccentColor en AccentColorText -systeemkleuren
De systeemkleuren AccentColor en AccentColorText kunnen in CSS worden gebruikt om toegang te krijgen tot de systeemaccentkleur die op het apparaat van de gebruiker is ingesteld. Dit stelt ontwikkelaars in staat om native-app-achtige styling toe te passen op hun webcontent in contexten waar gebruikers integratie met het OS-thema verwachten, zoals een geïnstalleerde webapplicatie. Gebruikers moeten zich in een geïnstalleerde webapplicatie op het initiële profiel bevinden om de systeemaccentkleur te kunnen zien.
Bug #40229450 volgen | ChromeStatus.com-item | Specificatie
Sta een optionele afrondingsparameter toe voor polygon()
Voegt een optionele parameter voor het afronden van hoeken toe aan de CSS-vormfunctie ` polygon() . Ontwikkelaars kunnen een lengtewaarde opgeven om de hoeken van een polygoon af te ronden zonder handmatig Béziercurven te hoeven berekenen.
Bug #329302249 volgen | ChromeStatus.com-item | Specificatie
Animeerbare zoom
De CSS-eigenschap zoom is animeerbaar en interpoleert als een ` <number> . Ontwikkelaars kunnen zoom gebruiken om elementen en hun lay-out soepel te schalen, als aanvulling op bestaande transformatiegebaseerde schaling.
Bug #393810951 volgen | ChromeStatus.com-item
CSS url() verzoekmodifiers
De CSS url() -functie accepteert optionele request-modifiers na de URL-string: cross-origin() , integrity() en referrer-policy() . Deze modifiers bepalen het ophaalgedrag van de referenced resource rechtstreeks vanuit CSS, zonder dat er wijzigingen in de HTML-markup of JavaScript nodig zijn. Bijvoorbeeld: background-image: url("image.png" cross-origin(anonymous)) haalt de afbeelding op met behulp van de anonieme CORS-modus. Dit geeft ontwikkelaars nauwkeurige controle over cross-origin-toegang, subresource-integriteit en referrer-policy voor CSS-geladen resources, waaronder afbeeldingen, lettertypen, SVG-referenties en geïmporteerde stylesheets.
Bug #435625756 volgen | ChromeStatus.com-item | Specificatie
CSS-eigenschap text-fit
Past de lettergrootte van tekstelementen aan zodat deze perfect past binnen de breedte van het tekstvak.
Deze eigenschap stelt ontwikkelaars in staat om ervoor te zorgen dat koppen of dynamische content de beschikbare horizontale ruimte volledig benutten zonder handmatige lettergrootteberekeningen of complexe JavaScript-oplossingen. Het biedt een robuuste, native CSS-oplossing voor responsieve typografie die de visuele uitlijning behoudt op verschillende schermformaten en variërende tekstlengtes.
Bug #417306102 volgen | ChromeStatus.com-item | Specificatie
CSS background-clip: border-area
Implementeert de border-area waarde voor de CSS background-clip eigenschap, zoals gedefinieerd in CSS Backgrounds Level 4. background-clip: border-area knipt de achtergrond van een element af tot het gebied dat wordt ingenomen door de randlijnen, waarbij rekening wordt gehouden met border-width en border-style , maar transparantie van border-color wordt genegeerd. Dit stelt ontwikkelaars in staat om randen te laten verlopen zonder border-image . WebKit biedt deze functie al; deze implementatie brengt Chromium op hetzelfde niveau.
Bug #329302543 volgen | ChromeStatus.com-item | Specificatie
CSS-functie image(<color>)
Met de functie image() kunnen auteurs een afbeelding met een effen kleur genereren vanuit elke gewenste kleur. De syntax is: image() = image( <color> )
Bug #510426954 volgen | ChromeStatus.com-item | Specificatie
CSS light-dark() met afbeeldingswaarden
Breidt de CSS-functie light-dark() uit om afbeeldingswaarden ( url() , image-set() , none ) in auteursstijlbladen te accepteren, waardoor afbeeldingseigenschappen zoals background-image , list-style-image , border-image-source , cursor en content automatisch kunnen wisselen tussen afbeeldingen op basis van het door de gebruiker gekozen kleurenschema. Voorheen was dit alleen toegestaan in UA-stijlbladen. Dit sluit aan bij de CSS Color 5-specificatie en komt overeen met de bestaande implementatie in Firefox.
Bug #491829958 volgen | ChromeStatus.com-item | Specificatie
Door komma's gescheiden containerquery's
Ondersteuning voor meerdere query's per @container -regel. De @container -regel is van toepassing als ten minste één van de query's overeenkomt.
Dit maakt het mogelijk om terugvalquery's te gebruiken voor functies die niet in alle browsers worden ondersteund.
Bug #41491726 volgen | ChromeStatus.com-item | Specificatie
Maak onafdrukbare gebieden zichtbaar met CSS
Printers hebben doorgaans een klein gebied aan elk van de vier randen van een vel papier dat ze niet betrouwbaar kunnen markeren, meestal vanwege het papierinvoermechanisme van de printer. De standaard paginamarges zijn doorgaans groter dan deze gebieden, maar als auteurs zelf marges instellen, en zelfs @page margekaders willen toevoegen (bijvoorbeeld voor aangepaste kop- en voetteksten), hebben ze een manier nodig om aan te geven waar wel en niet veilig afgedrukt kan worden.
De CSS-descriptor page-margin-safety kan worden gebruikt om dergelijke onafdrukbare gebieden te vermijden.
Bug #368070327 volgen | ChromeStatus.com-item | Specificatie
flex-wrap: balance
flex-wrap: balance kunnen ontwikkelaars de inhoud over flex-regels verdelen, zodat deze er evenwichtiger uitziet (vergelijkbaar met text-wrap: balance ).
Bug #416755656 volgen | ChromeStatus.com-item | Specificatie
named-feature() functie voor CSS @supports
De functie named-feature() stelt CSS @supports regels in staat om te zoeken naar een kleine set specifieke benoemde features die niet kunnen worden getest met andere @supports mechanismen, maar die wel als zeer waardevol worden beschouwd om te testen.
Bug #353715317 volgen | ChromeStatus.com-item | Specificatie
overscroll-behavior: chain
overscroll-behavior heeft nu de volgende waarden: none , auto , contain en de nieuwe chain . Deze waarden beïnvloeden twee onafhankelijke effecten: scrollpropagatie en lokaal randeffect (bijvoorbeeld overscroll-stretch).
-
none: geen voortplanting, geen lokaal effect -
auto: voortplanting, lokaal effect -
contain: geen propagatie, lokaal effect -
chain: voortplanting, geen lokaal effect
Bug #499018879 volgen | ChromeStatus.com-item | Specificaties
Ondersteuning voor path-length als CSS-eigenschap.
Deze wijziging introduceert een nieuwe CSS-eigenschap, path-length , die overeenkomt met het bestaande SVG-presentatiekenmerk pathLength . Deze is van toepassing op SVG-geometrie-elementen die pathLength ondersteunen (waaronder <path> , <circle> , <rect> , <line> , <polyline> , <polygon> ` en <ellipse> `).
Bug #40670251 volgen | ChromeStatus.com-item | Specificatie
DOM en HTML
Kloon alle onderliggende selectedcontent inhoudselementen
Er worden enkele kleine wijzigingen aangebracht in de randgevallen van het element selectedcontent :
- Wanneer meerdere geselecteerde content-elementen tegelijkertijd in een select-element worden geplaatst, worden ze allemaal bijgewerkt in plaats van alleen het eerste element in de DOM-volgorde.
- Het bijwerken van het geselecteerde inhoudselement wordt uitgesteld wanneer dit normaal gesproken tijdens invoeg-, verwijder- of verplaatsingsstappen zou plaatsvinden, om beveiligingsproblemen op te lossen. De update wordt uitgesteld door gebruik te maken van stappen na de invoeging of microtaken.
Bug #458113204 volgen | ChromeStatus.com-item | Specificatie
Focusgroup
Biedt de mogelijkheid om samengestelde widgets op declaratieve wijze navigatie met de pijltoetsen, een gegarandeerde tabstop en geheugen voor de laatst gefocuste widget te geven, ter vervanging van handmatig gecodeerde scripts voor het wijzigen tabindex . Voorbeeld:
<div focusgroup="toolbar wrap" aria-label="Formatting">
<button>Bold</button>
<button>Italic</button>
<button>Underline</button>
</div>
ChromeStatus.com-item | Specificaties
Streaming buiten gebruik
Gebruik <template for> en verwerkingsinstructiebereiken ( <?marker> , <?start> en <?end> ) om bestaande delen van het document bij te werken zonder JavaScript.
Bug #431374376 volgen | ChromeStatus.com-item | Specificatie
Verwerkingsinstructies parseren in HTML
Verwerkingsinstructies (syntaxis: <?target data> ) zijn een bestaande DOM-constructie, beschikbaar in XML, die knooppuntobjecten vertegenwoordigt die geen elementen zijn, maar wel een semantische betekenis kunnen hebben voor de verwerking van een document.
De verwerkingsinstructies worden door de HTML-parser geanalyseerd en ontvangen een attribuut-API, vergelijkbaar met die van elementen, om hun gegevens te wijzigen.
Bug #481087638 volgen | ChromeStatus.com-item | Specificatie
popover=hint gedragsveranderingen
Deze wijziging implementeert een herzien en vereenvoudigd stapelmodel voor het attribuut popover=hint en de interactie ervan met popover=auto . Voorheen konden de interacties tussen deze twee typen popovers in sommige uitzonderlijke gevallen complex zijn (zoals het nesten van automatische popovers binnen hint-popovers) en tot onverwacht gedrag leiden. Met het nieuwe model sluit het openen van een hint-popover niet per ongeluk ongerelateerde automatische popovers. Hint-popovers worden alleen verborgen wanneer de bijbehorende automatische popover wordt verborgen, of wanneer een nieuwe, ongerelateerde automatische popover wordt geopend. Bovendien kunnen ontwikkelaars veilig een automatische popover in een hint-popover nesten; in plaats van een uitzondering te genereren of de stapel te verbreken, "degradeert" de geneste automatische popover netjes en gedraagt zich als een hint-popover. Dit ondersteunt gebruikssituaties zoals het plaatsen van een customizable-select binnen een popover=hint .
Om de voorspelbaarheid verder te verbeteren en complexe statuswijzigingen te voorkomen, scherpen we ook het gedrag aan rond het openen en sluiten van popovers vanuit de beforetoggle -gebeurtenis. Voorheen waren er al beveiligingen ingebouwd voor sommige, maar niet alle mogelijke gevallen. Deze wijziging vernieuwt het mechanisme dat wordt gebruikt om deze gevallen te detecteren, zodat er betrouwbaarder InvalidStateErrors worden gegenereerd voor al deze gevallen. Dit zorgt ervoor dat het statusbeheer van popovers stabiel blijft en voorkomt bugs met oneindige herhalingen.
Bug #499019927 volgen | ChromeStatus.com-item | Specificatie
Programmatische scrollbeloftes
Deze functie biedt een betrouwbaar signaal voor de voltooiingsstatus van een programmatisch soepel scrollen. Alle scrollmethoden in Element en Window retourneren Promise objecten die worden opgelost wanneer het scrollen is voltooid. De opgeloste waarde geeft aan of het scrollen is onderbroken of niet.
Bug #41406914 volgen | ChromeStatus.com-item | Specificatie
Grafische vormgeving en media
Schakel SVG -filters uit voor plug-ins en iframes.
Chrome 150 voorkomt dat SVG -filters worden toegepast op ingesloten plug-ins (bijvoorbeeld PDF's) en iframes van een andere oorsprong of iframes met beperkingen (bijvoorbeeld iframes in een sandbox). Wanneer een plug-in of iframe zou worden weergegeven met een SVG-filtereffect, wordt de effectstructuur doorlopen om de hoogste voorouder zonder SVG-filters te vinden, waarna dat effect in plaats daarvan wordt toegepast.
Bug #476646486 volgen | ChromeStatus.com-item | Specificatie
WebGPU: Onmiddellijke acties
Voegt een nieuwe directe adresruimte toe aan WGSL en een setImmediateData() -methode aan render pass-, compute pass- en render bundle-encoders, waardoor ontwikkelaars kleine hoeveelheden frequent bijgewerkte data rechtstreeks aan shaders kunnen doorgeven zonder GPU-bufferobjecten of bindgroepen te hoeven aanmaken.
Bug #366291600 volgen | ChromeStatus.com-item | Specificatie
Beveiliging en webspraak
Onzichtbare oorsprong voor data: URL's
Chrome 150 vernieuwt de manier waarop dedicated en shared Workers omgaan met data: URL's . In plaats van automatisch de beveiligingsorigin over te nemen van het script of de pagina die ze heeft aangemaakt, krijgen deze workers een unieke, ondoorzichtige origin toegewezen.
Deze afstemming met de HTML-specificatie voor workers verbetert de beveiliging door deze workers te isoleren van de same-origin-status van de creator, waardoor ze geen toegang krijgen tot gevoelige gegevens via mechanismen zoals BroadcastChannel of same-origin-opslag. Om de juiste isolatiegrenzen te behouden, bevinden deze workers zich nog steeds in dezelfde opslagpartitie (bijvoorbeeld door de top-level site of nonce te behouden) als hun creator.
Bug #40051700 volgen | ChromeStatus.com-item | Specificatie
Web Speech API: Kwaliteit van spraakherkenning op het apparaat
Breidt de SpeechRecognition interface uit door een quality toe te voegen aan SpeechRecognitionOptions . Hiermee kunnen ontwikkelaars de semantische mogelijkheden specificeren die nodig zijn voor spraakherkenning op het apparaat (met processLocally: true ).
De voorgestelde kwaliteitsenum ondersteunt drie niveaus: command , dictation en conversation . Deze niveaus corresponderen met toenemende taakcomplexiteit en hardwarevereisten. Dit stelt ontwikkelaars in staat te bepalen of het lokale apparaat veeleisende gebruiksscenario's (zoals het transcriberen van vergaderingen) aankan, of dat ze moeten terugvallen op cloudservices.
Bug #476168420 volgen | ChromeStatus.com-item | Specificatie
Webapps
PWA -oorsprongmigratie
Wanneer een gebruiker een Progressive Web App ( PWA ) installeert, zijn de identiteit en de beveiligingscontext ervan nauw verbonden met de weborigin, bijvoorbeeld app.example.com . Dit vormt een aanzienlijke uitdaging voor ontwikkelaars die de origin van hun PWA moeten wijzigen vanwege een rebranding, domeinherstructurering of technische herstructurering. Zonder originmigratie moeten gebruikers de oude app handmatig verwijderen en de nieuwe opnieuw installeren, wat leidt tot een storende gebruikerservaring en mogelijk een hoger gebruikersverlies. Chrome 150 introduceert een mechanisme waarmee ontwikkelaars een geïnstalleerde PWA naadloos kunnen migreren naar een nieuwe origin binnen dezelfde site, met behoud van gebruikersvertrouwen en -rechten.
Het beleid WebAppInstallForceList blokkeert migratie. Omdat bedrijfsbeleid met betrekking tot webapplicaties voornamelijk gebaseerd is op URL's en oorsprong, bestaat het risico dat een migratie bepaalde beleidsregels omzeilt die een beheerder mogelijk heeft geconfigureerd. Er wordt geen migratie aangeboden aan de gebruiker wanneer een app door de bedrijfsbeheerder geforceerd wordt geïnstalleerd. In plaats daarvan wordt een banner weergegeven met een uitleg hierover.
Bug #396504527 volgen | ChromeStatus.com-item | Specificatie
Oorsprongproeven
E-mailverificatieprotocol
Het EVP (e-mailverificatieprotocol) helpt gebruikers bij het aanmaken, openen en herstellen van accounts door naadloos cryptografisch bewijs van eigendom te leveren, in plaats van handmatig OTP's via e-mail te versturen.
Origin-proefversie | ChromeStatus.com-item | Specificaties
Speculatieve belastingmeting
Maak meetgegevens over speculatieve laadprocessen (preloads, prefetches en prerenders) beschikbaar als onderdeel van een nieuwe methode performance.getSpeculations() . Dit stelt ontwikkelaars in staat om de effectiviteit van verschillende speculatieve laadstrategieën te meten en deze dienovereenkomstig aan te passen.
Origin-proef | Bug volgen #481590676 | ChromeStatus.com-item
WebRTC diagnostische logboekregistratie-API
API voor diagnostische logboekregistratie WebRTC .
Met deze API kan een applicatie diagnostische logboekregistratie inschakelen. Deze logboeken bevatten informatie over de WebRTC-activiteit van de applicatie en zijn nuttig voor lokale foutopsporing of het rapporteren van bugs.
Logbestanden kunnen optioneel buiten de normale communicatiekanalen om naar de browserleverancier worden geüpload en gebruikt worden voor het diagnosticeren van bugs. De applicatie krijgt een ID dat, net als bij crashes, aan een bugrapport kan worden gekoppeld.
Diagnostische logboeken zijn ingeschakeld met een bedrijfsbeleid genaamd WebRtcDiagnosticLogCollectionAllowedForOrigins .
Origin-proef | Bug volgen #481412281 | ChromeStatus.com-item | Specificaties
Afschrijvingen en verwijderingen
Deze release bevat geen afschrijvingen of verwijderingen.