Chrome 149

Stabiele releasedatum: 2 juni 2026

Tenzij anders vermeld, gelden de volgende wijzigingen voor de stabiele versie 149 van Chrome voor Android, ChromeOS, Linux, macOS en Windows.

CSS en UI

CSS-afstandsdecoraties

Met CSS-gapdecoraties kun je de ruimte tussen elementen in containerlay-outs zoals grid en flexbox vormgeven, vergelijkbaar met column-rule in lay-outs met meerdere kolommen. Deze functie is zeer gewild bij webontwikkelaars die tegenwoordig vaak trucjes moeten gebruiken om de ruimte tussen elementen in grid- en flexboxlay-outs te stylen.

Het introduceert nieuwe CSS-eigenschappen zoals column-rule-inset , row-rule-inset , column-rule-visibility-items en row-rule-visibility-items , en ondersteunt animatie van lijnbreedte, kleur en inzet.

Blogpost over CSS-afstanddecoraties | Bug #357648037 volgen | Vermelding op ChromeStatus.com | Specificatie

Knip tekstoverloop bij gebruikersinteractie

Wanneer een gebruiker interactie heeft met tekst waarvoor text-overflow: ellipsis is ingesteld (bijvoorbeeld door te bewerken of door middel van cursornavigatie), verandert de tekst tijdelijk van een tekst met puntjes naar een afgeknipte tekst. Hierdoor kan de gebruiker de verborgen overloopinhoud zien en ermee interageren. Deze functie is van toepassing op alle bewerkbare en niet-bewerkbare elementen. Voor formulierbesturingselementen, zoals <textarea> en <input> , wordt dit gedrag al ondersteund.

Bug #40731275 volgen | ChromeStatus.com-item | Specificatie

Verwijder de expliciete randkleurregel uit de UA-stijlsheet voor tabellen.

Deze wijziging verwijdert de foutieve CSS-regel ` border-color: gray uit het UA-stijlbestand voor het <table> `-element. De HTML-specificatie bevat deze regel niet, en deze regel voorkwam dat randen standaard de kleur currentColor kregen. Noch Firefox, noch WebKit hebben deze regel voor gray randkleur in hun UA-stijlbestand, wat tot interoperabiliteitsproblemen leidt.

Bug #494554835 volgen | ChromeStatus.com-item | Specificatie

Ondersteuning voor path() en shape() in shape-outside

Voegt ondersteuning toe voor de vormfuncties path() en shape() in de CSS-eigenschap shape-outside . Met deze functies kunnen ontwikkelaars flexibeler vormen definiëren die zwevende objecten uitsluiten en animaties ondersteunen.

Bug #502328208 volgen | ChromeStatus.com-item | Specificatie

Ondersteuning voor rect() en xywh() in shape-outside

Voegt ondersteuning toe voor de basisvormfuncties rect() en xywh() in de CSS-eigenschap shape-outside . Met deze functies kunnen ontwikkelaars vormen definiëren die zwevende-komma-elementen uitsluiten met behulp van rechthoekcoördinaten, waardoor Chrome zich aansluit bij Firefox en Safari, die deze functie al ondersteunen.

Bug #490343453 volgen | ChromeStatus.com-item | Specificatie

Gebruikersactie pseudo-klasse bovenste laag grens

De matching-eigenschappen :hover , :active en :focus-within op de parent-elementen worden aangepast, zodat ze alleen nog overeenkomen met het eerste element op de bovenste laag in de parent-keten. Omdat elementen op de bovenste laag doorgaans visueel losgekoppeld van hun parent-keten worden weergegeven, is het niet zinvol om de parent-stijlen aan te passen wanneer er met de muis over een element op de bovenste laag wordt bewogen of wanneer het wordt geactiveerd.

Bug #407769114 volgen | ChromeStatus.com-item | Specificatie

Accentkleur van het bereiksysteem van de webapp

Beperkt de toegang tot de systeemaccentkleur voor CSS-trefwoorden ( AccentColor en AccentColorText ) en accent-color: auto tot alleen binnen een webapplicatie en de initiële profielcontext. Dit beperkt een belangrijke kwetsbaarheid voor fingerprinting wanneer de systeemkleuren van de gebruiker breed worden weergegeven op het web.

Bug #481353056 volgen | ChromeStatus.com-item | Specificatie

image-rendering: crisp-edges

image-rendering: crisp-edges geeft aan dat de afbeelding zodanig geschaald moet worden dat het contrast en de randen behouden blijven, en dat er geen kleurvervaging of onscherpte in de afbeelding optreedt.

Chrome, Firefox en Safari beschouwen crisp-edges en pixelated als synoniemen en implementeren beide met behulp van nearest-neighbor scaling.

Bug #41073066 volgen | ChromeStatus.com-item | Specificatie

Ondersteuning voor 'padlengte' als CSS-eigenschap

Introduceert een nieuwe CSS-eigenschap, path-length , die overeenkomt met het SVG-presentatiekenmerk pathLength . Dit is van toepassing op SVG-geometrie-elementen die pathLength ondersteunen (waaronder <path> , <circle> , <rect> `, <line> , <polyline> , <polygon> ` en <ellipse> `), waardoor ontwikkelaars deze eigenschap kunnen specificeren in stylesheets, inline stijlen en animaties.

Bug #40670251 volgen | ChromeStatus.com-item | Specificatie

Web-API's

Intl.Locale.prototype.variants

Voegt Intl.Locale.prototype.variants toe zoals vermeld in de ECMA-402-specificatie, en accepteert variants in de optiesbag in de Intl.Locale constructor.

ChromeStatus.com-item | Specificaties

Betalingsverzoek: Hiermee kunnen betalingsverwerkers interne fouten rapporteren.

Hiermee kunnen betalingsverwerkers die via de Payment Request API worden benaderd, afzonderlijke foutmeldingen retourneren voor "gebruiker annuleert" ( AbortError ) versus "interne fout in de betalingsapplicatie" ( OperationError ). Dit stelt ontwikkelaars in staat om de procedure te herhalen of terug te vallen op een andere workflow wanneer een interne applicatiefout optreedt, terwijl de applicatie correct wordt gestopt als de gebruiker annuleert.

Bug #473478138 volgen | ChromeStatus.com-item | Specificatie

Respecteer autocorrect="off" voor het Windows-touchtoetsenbord in TSF

Zorgt ervoor dat de TSF-integratie van Chrome de automatische correcties van het virtuele toetsenbord op Windows detecteert en ongedaan maakt wanneer het geselecteerde bewerkbare element de instelling autocorrect="off" heeft.

Bug #487613498 volgen | ChromeStatus.com-item | Specificatie

Selectief klembordformaat lezen

Verbetert de Asynchronous Clipboard API door het ophalen van de daadwerkelijke klembordgegevens uit het besturingssysteem uit te stellen tot de webapplicatie getType() aanroept. In plaats van alle beschikbare formaten direct op te halen tijdens read() , retourneert de browser nu ClipboardItem objecten met de beschikbare MIME-typen, maar zonder de onderliggende gegevens. Dit vermindert het CPU-gebruik en verbetert de responsiviteit.

Bug #435051711 volgen | ChromeStatus.com-item | Specificatie

Netwerk en connectiviteit

WebSockets verbreken bij bfcache-vermelding

Actieve WebSocket-verbindingen voorkomen niet langer dat een pagina in de back-/forward-cache (bfcache) terechtkomt. Door verbindingen te sluiten bij het binnenkomen van de bfcache in plaats van het document als niet-toegankelijk te markeren, zorgt de browser ervoor dat pagina's met actieve WebSocket-verbindingen kunnen worden opgeslagen en hersteld.

Bug #467838624 volgen | ChromeStatus.com-item | Specificatie

Nieuwe oorsprongsproeven

Gamepad-gebeurtenisgestuurde invoer-API

Breidt de Gamepad API uit met een nieuw, gebeurtenisgestuurd model waarmee applicaties gamepad-input met een lagere latentie kunnen ontvangen. In plaats van te vertrouwen op frequent pollen met navigator.getGamepads() , kunnen ontwikkelaars nu luisteren naar een rawgamepadinputchange gebeurtenis, die wordt geactiveerd wanneer er nieuwe invoergegevens van het apparaat beschikbaar zijn.

Origin-proef | Bug volgen #40582297 | ChromeStatus.com-item | Specificaties

Toestemmingsbeleid: focus-without-user-activation

Hiermee kunnen ontwikkelaars de programmatische focus van ingesloten content beheren met het beleid focus-without-user-activation . Wanneer dit beleid voor een frame is geweigerd, worden programmatische focusoproepen ( element.focus() , autofocus , window.focus() , dialog.showModal() en focus op popovers) geblokkeerd, tenzij ze door de gebruiker worden geactiveerd.

Origin-proef | Bug #40095111 volgen | ChromeStatus.com-item | Specificaties

WebAssembly aangepaste beschrijvingen

Hiermee kan WebAssembly gegevens die aan brontypes zijn gekoppeld efficiënter opslaan in nieuwe "aangepaste descriptor"-objecten. Deze aangepaste descriptors kunnen worden geconfigureerd met prototypes voor de WebAssembly-objecten van dat brontype, waardoor methoden kunnen worden geïnstalleerd in de prototypeketen van een WebAssembly-object en rechtstreeks vanuit JavaScript kunnen worden aangeroepen met behulp van de normale methodeaanroepsyntaxis.

Origin-proef | Bug volgen #403372470 | ChromeStatus.com-item | Specificaties