Chrome 154 bèta

Rachel Andrew

Gepubliceerd: 2 september 2026

Tenzij anders vermeld, zijn de volgende wijzigingen van toepassing op de nieuwste Chrome-bètaversie voor Android, ChromeOS, Linux, macOS en Windows. Lees meer over deze functies via de meegeleverde links of ga naar ChromeStatus.com. Chrome 154 bevindt zich sinds 2 september 2026 in de bètafase. Je kunt de nieuwste bètaversie downloaden via Google.com voor desktop of via de Google Play Store voor Android.

CSS en UI

CSS scroll-marker-group modi

De eigenschap scroll-marker-group is uitgebreid om de volgende modi te ondersteunen:

  • links : De gegenereerde ::scroll-marker-group werkt in links modus en functioneert als een navigatielijst. Dit is de standaardmodus als deze parameter wordt weggelaten.
  • tabs : De gegenereerde ::scroll-marker-group werkt in tabs en functioneert als een tablijst.

Elke modus wijzigt de focusvolgorde en het toegankelijkheidsgedrag van ::scroll-marker-group en ::scroll-marker , volgens de WAI-ARIA-patronen:

  • Linksmodus (standaard) : Bootst standaard navigatiemarkeringen na in combinatie met fragmentankers. De ::scroll-marker-group fungeert als navigation en ::scroll-marker elementen als link . Alle ::scroll-marker elementen zijn opeenvolgende tabstops. Wanneer een linkmarkering wordt geactiveerd, verschuift de focus naar het doelelement.
  • Tabmodus : Deze modus reproduceert het tabpatroon en dient als basis voor carrousels met tabbladen. De ::scroll-marker-group krijgt de rol ' tablist toegewezen, ::scroll-marker elementen fungeren als tab en de elementen die de markeringen genereren, krijgen de rol tabpanel . Alleen de actieve ::scroll-marker fungeert als tabstop, waarbij de pijltjestoetsen worden gebruikt om tussen markeringen te navigeren. Inhoud van inactieve tabbladen wordt verborgen in de toegankelijkheidsstructuur.

CSS text-decoration-inset

De CSS-eigenschap ` text-decoration-inset bepaalt hoe ver onderstrepingen, bovenstrepingen en doorstreepte decoraties vanaf de randen van de tekst worden ingesloten of erbuiten worden geplaatst. Het ondersteunt de waarden auto , `length` en `percentage`, inclusief syntax met één of twee waarden voor het instellen van de begin- en eindafstand. Dit stelt ontwikkelaars in staat om de afstand tussen decoraties aan te passen en onthullingseffecten te creëren met native tekstdecoraties in plaats van achtergrondgradiënten of extra elementen.

CSS text-decoration-skip-spaces

De CSS-eigenschap text-decoration-skip-spaces bepaalt of decoratieve lijnen (zoals onderstrepingen, bovenstrepingen en doorhalingen) witruimtekarakters overslaan. Hiermee voorkom je dat decoraties onder spaties worden getekend.

CSSStyleValue hiërarchie beschikbaar maken voor Worker-contexten

De CSS Typed OM-specificatie stelt de CSSStyleValue hiërarchie beschikbaar aan globale scopes van workers ( [Exposed=(Window, Worker, PaintWorklet, LayoutWorklet)] ), maar Blink stelde voorheen alleen CSSStyleValue , CSSKeywordValue , CSSNumericValue , CSSUnitValue en CSSUnparsedValue beschikbaar aan Window en worklets. Hierdoor waren deze constructors niet gedefinieerd in Worker contexten. Chrome 154 stelt deze constructors beschikbaar in workers, waarmee het in lijn is met de specificatie en andere browserengines.

Het width FontFace en de beschrijving font-width

Hiermee wordt het width attribuut van FontFace en de @font-face font-width descriptor beschikbaar gemaakt als aliassen voor stretch en font-stretch . Dit zorgt ervoor dat Chromium voldoet aan de bijgewerkte CSS Font Loading- en CSS Fonts 4-specificaties. Je kunt de breedte van fontfaces inspecteren of initialiseren met FontFace.width en CSS font-width die je afwisselend kunt gebruiken met stretch en font-stretch .

Verbeteringen aan het sluiten van pop-ups en dialoogvensters met behulp van Light.

Verbetert en vereenvoudigt het 'licht sluiten'-gedrag voor pop-ups en dialoogvensters. 'Licht sluiten' is het gedrag waarbij een pop-up of dialoogvenster sluit wanneer er buiten de pop-up of het dialoogvenster wordt geklikt. Deze verbeteringen zorgen ervoor dat scrollbewegingen op touchscreens en rechtermuisklikken niet langer 'licht sluiten' activeren.

De browser gebruikt nu click om het sluiten van de lichte modus te activeren, in plaats van een combinatie van pointerdown en pointerup gebeurtenissen.

Aanpasbare grootte <iframe>

Hiermee kunnen websites kiezen voor iframes met responsieve afmetingen. Hierdoor wordt het <iframe> -element in het hoofddocument aangepast aan de afmetingen van de lay-out van het iframe-document, waardoor scrollen in het onderliggende document wordt voorkomen.

JavaScript

Iterator includes

Een voorstel van TC39 dat een includes() methode toevoegt aan iterators, waarmee je kunt controleren of een iterator een bepaalde waarde oplevert, vergelijkbaar met Array.prototype.includes() .

Web-API's

Voeg een optiebag toe aan WebSocket constructor.

Voegt ondersteuning toe voor het doorgeven van een optieswoordenboek ( WebSocketInit ) als tweede argument aan de WebSocket constructor. Het optieswoordenboek ondersteunt een protocols optie, waarmee je subprotocollen kunt specificeren (vergelijkbaar met het bestaande protocols argument), en dient als uitbreidingspunt voor toekomstige opties.

Voorheen werd dit als volgt geschreven:

const socket = new WebSocket("wss://example.com:8080", "soap");

Met deze wijziging kan het ook als volgt worden geschreven:

const socket = new WebSocket("wss://example.com:8080", { protocols: "soap" });

Algoritme-updates in WebCrypto

Voegt post-kwantumcryptografie en een symmetrisch AEAD-algoritme toe aan de set cryptografische algoritmen die beschikbaar zijn in de Web Cryptography API. Dit geeft u toegang tot door de browser aangeboden implementaties van kwantumresistente cryptografische algoritmen die zijn gestandaardiseerd door NIST.

  • ML-KEM (768, 1024)
  • ML-DSA (44, 65, 87)
  • ChaCha20-Poly1305
  • X-Wing

CORS-handhaving voor achtergrondophaling

De Background Fetch API dwingt nu Cross-Origin Resource Sharing (CORS) af.

Deze update stemt de implementatie van Chromium af op de intentie van de Background Fetch-specificatie . Dit zorgt ervoor dat Background Fetch-verzoeken onderworpen zijn aan hetzelfde beveiligingsbeleid, zoals controles op lokale netwerktoegang, waardoor wordt voorkomen dat sites CORS en andere beveiligingscontroles omzeilen door Background Fetch te gebruiken in plaats van reguliere Fetch .

Fetch API: Stuur de reden van AbortController door naar de fetch Response

De reden voor de afbreking, indien aanwezig, wordt nu weergegeven in de methoden van het Response object en de bijbehorende ReadableStream , in plaats van alleen in de fetch promise. Dit zorgt ervoor dat Chrome voldoet aan de standaard en de door de ontwikkelaar opgegeven reden voor de afbreking overal toont waar dat gewenst is.

Beperkingen voor toegang tot het lokale netwerk voor achtergronddownloads

Achtergrond-Fetch-verzoeken vereisen dat de server waarop de service worker draait, de benodigde Local Network Access (LNA)-machtiging heeft om verzoeken naar lokale of loopback-servers te verzenden.

Dit brengt de implementatie van Chromium in lijn met de intentie van de Background Fetch-specificatie , die stelt dat verzoeken de Fetch-specificatie doorlopen en dat dezelfde beveiligingsregels erop van toepassing zijn. Dit voorkomt dat sites LNA-controles omzeilen door Background Fetch te gebruiken in plaats van de reguliere Fetch .

Voor bedrijven kunt u bestaande LNA-bedrijfsbeleidsregels op dezelfde manier gebruiken als voor reguliere Fetch API-verzoeken van serviceworkers:

Vernieuwde HTML-invoeg- en streamingmethoden

Biedt meerdere HTML-instelmethoden die een samenhangende aanpak bieden voor het dynamisch invoegen van markup in een bestaand document:

  • Positionele methoden ( before() , after() , append() , prepend() en replaceWith() ) die HTML als argument nemen en insertAdjacentHTML() vervangen.
  • Streamingmethoden ( streamAppendHTML() , streamAppendHTMLUnsafe() en verwante methoden) die een WritableStream retourneren.
  • Het doorgeven van {runScripts} als onderdeel van SetHTMLUnsafeOptions , overeenkomend met het gedrag createContextualFragment .
  • Ondersteuning voor createParserOptions in vertrouwde typen, waardoor vertrouwde typen de scriptmodus en sanitizer kunnen overschrijven.

Veilige betalingsbevestiging: validatie van de locatie

Werkt het locale van de beveiligde betalingsbevestiging bij, zodat een NotSupportedError DOMException wordt geretourneerd als geen van de taaltags in het veld overeenkomt met de taal die wordt gebruikt in het dialoogvenster voor beveiligde betalingsbevestiging. Als het veld niet is ingesteld of leeg is, wordt deze validatie overgeslagen.

Dit helpt om de taal van de gegevens die aan Secure Payment Confirmation worden verstrekt, af te stemmen op het dialoogvenster.

Ondersteuning voor targetAddressSpace optie voor WebSockets.

Voegt ondersteuning toe voor het doorgeven van een targetAddressSpace -optie in de WebSocket constructor. Hiermee kunt u specificeren dat een WebSocket-verbinding met een openbare hostnaam moet worden behandeld als een verbinding met een "lokale" of "loopback"-bestemming, overeenkomend met de bestaande ondersteuning in de Fetch API. Het belangrijkste gebruiksscenario is het omzeilen van beperkingen voor gemengde inhoud bij het verbinden met lokale servers die geen HTTPS ondersteunen, omdat lokale netwerktoegangsrechten een beveiligde context vereisen.

Een openbare website die verbinding maakt met een lokale server kan bijvoorbeeld een hostnaam gebruiken in plaats van handmatig het exacte privé-IP-adres in te voeren:

const ws = new WebSocket("ws://local-server.example", { targetAddressSpace: "local" });

Dit markeert de WebSocket-verbinding als een verbinding naar een lokaal adres, waardoor de blokkering van gemengde inhoud wordt omzeild wanneer de verbinding in een beveiligde omgeving wordt uitgevoerd. De gebruiker moet de site toestemming geven voor het lokale netwerk om de WebSocket-verbinding te laten slagen, en de hostnaam moet verwijzen naar een lokaal IP-adres (anders wordt de verbinding geblokkeerd).

Deze functie bouwt voort op het optieswoordenboek dat is toegevoegd aan de WebSocket constructor.

WebGPU: WGSL-fragmentdiepte

Voegt de mogelijkheid toe om een less of greater modifier toe te voegen aan @builtin(frag_depth) in WGSL.

Het gebruik van @builtin(frag_depth) zonder modifiers kan leiden tot prestatieverlies doordat vroege-Z-optimalisaties bij een draw call worden uitgeschakeld. De nieuwe modifiers maken het mogelijk om de buffermodus expliciet in te stellen, waardoor vroege-Z-optimalisaties kunnen worden toegepast.

Window Shape API

De Window Shape API stelt toegestane, geïsoleerde webapps op ChromeOS in staat om een ​​aangepaste venstervorm te gebruiken. Door niet-rechthoekige en niet-aaneengesloten vensterindelingen toe te staan, kunnen ontwikkelaars functionaliteiten zoals widgets, zwevende panelen en overlays implementeren die qua uiterlijk overeenkomen met native applicaties. De methode window.setShape() vereist dat het venster zich in de weergavemodus unframed bevindt en dat de machtiging window-management is verkregen.

Beheerders kunnen deze functie beheren met behulp van bestaande beleidsregels voor vensterbeheer:

  • DefaultWindowManagementSetting configureert de standaardstatus van vensterbeheer voor alle apps.
  • WindowManagementAllowedForUrls stelt IWA's met een opgegeven oorsprong in staat om de modus zonder kader te openen en aangepaste venstervormen in te stellen zonder tussenkomst van de gebruiker.
  • WindowManagementBlockedForUrls blokkeert de toestemming voor specifieke origins, waardoor Chrome alle aangepaste venstervormen verwijdert en terugvalt op andere beschikbare weergavemodi.

Nieuwe oorsprongsproeven

In Chrome 154 kun je je aanmelden voor de volgende nieuwe Origin-proefversies .

Privé verificatietokens

Private Verification Tokens (PVT's) zijn een mechanisme met lage entropie waarmee websites het vertrouwen dat gebruikers tijdens normaal browsen hebben opgebouwd, kunnen overdragen naar de privémodus. Dit vermindert de drempel voor gebruikers om CAPTCHA's en andere uitdagingen te doorlopen. PVT's worden uitgegeven tijdens een normale browsesessie en ingewisseld in de privémodus.