Chrome 147 bèta

Rachel Andrew

Gepubliceerd: 11 maart 2026

Tenzij anders vermeld, zijn de volgende wijzigingen van toepassing op de nieuwste Chrome-bètaversie voor Android, ChromeOS, Linux, macOS en Windows. Meer informatie over deze functies vindt u via de meegeleverde links of op ChromeStatus.com. U kunt de nieuwste bètaversie downloaden via Google.com voor desktop of via de Google Play Store voor Android.

Tijdlijn met benoemd bereik scroll

Deze functie breidt de set benoemde bereiken van ViewTimelines uit met een scroll .

De Scroll-Driven Animations API introduceerde ViewTimelines , samen met benoemde bereiken die verwijzen naar gedeelten van een ViewTimeline die het bereik van een animatie definiëren.

Alle opgegeven benoemde bereiken waren echter beperkt tot het gedeelte van de ViewTimeline waar het onderwerp zichtbaar is. Het is handig voor auteurs om te kunnen verwijzen naar de volledige omvang van de scrollcontainer die ten grondslag ligt aan de tijdlijn. Deze functie voegt een benoemd scroll toe aan de bestaande set ( entry , exit , cover , contain ).

CSS contrast-color()

Je kunt deze functie gebruiken om te voldoen aan de contrastvereisten voor toegankelijkheid.

De functie contrast-color() kan overal in CSS worden gebruikt waar een kleurwaarde wordt verwacht. De functie neemt een kleurwaarde als argument en retourneert black of white afhankelijk van welke kleur het hoogste contrast biedt ten opzichte van de opgegeven kleur.

CSS border-shape

Met CSS border-shape kun je niet-rechthoekige randen maken, in elke willekeurige vorm (bijvoorbeeld polygon , circle , shape() ).

Hoewel border-shape dezelfde vormen accepteert als clip-path , is het fundamenteel anders: border-shape definieert de vorm van de rand, versiert deze en knipt alleen het binnenste gedeelte af.

border-shape heeft twee varianten: een variant die een vorm omlijnt en een variant die de ruimte tussen twee vormen opvult.

Element-scoped view transitions

Hiermee wordt Element.startViewTransition() beschikbaar gemaakt voor willekeurige HTML-elementen. Het element definieert een bereik voor de overgang, wat betekent dat de overgangspseudo-elementen worden beïnvloed door voorouderlijke clips en transformaties, en dat meerdere overgangen op afzonderlijke elementen gelijktijdig kunnen worden uitgevoerd.

CSS-update: ontkoppeling van width en style

Chrome voldoet nu aan de bijgewerkte CSS-specificaties voor het gedrag van de eigenschappen border-width , outline-width en column-rule-width . Voorheen werd de berekende breedte van de bijbehorende eigenschappen, zoals border-style , outline-style of column-rule-style hidden none 0px gezet, ongeacht de opgegeven waarde.

Met deze wijziging weerspiegelen de berekende waarden van border-width , outline-width en column-rule-width altijd de door de auteur opgegeven waarden, onafhankelijk van de *-style eigenschap. Bovendien weerspiegelen de opgeloste waarden (zoals geretourneerd door getComputedStyle() ) voor outline-width en column-rule-width ook de opgegeven waarden.

Deze wijziging brengt Chrome in lijn met Firefox en WebKit, die dit gedrag al hebben geïmplementeerd.

CSSPseudoElement -interface

De CSSPseudoElement interface vertegenwoordigt een pseudo-element in JavaScript.

CSSPseudoElement wordt geretourneerd door Element.pseudo(type) , waarbij type ::after , ::before ::marker is. CSSPseudoElement is een proxy-object dat een pseudo-element vertegenwoordigt, dus in tegenstelling tot een pseudo-element bestaat CSSPseudoElement altijd.

CSSPseudoElement heeft de volgende attributen/methoden:

  • Het attribuut type is een tekenreeks die het type van het pseudo-element aangeeft.
  • Het element is het uiteindelijke, oorspronkelijke element van het pseudo-element.
  • Het attribuut parent is het oorspronkelijke element van het pseudo-element (hetzij `Element` of CSSPseudoElement voor geneste pseudo-elementen).
  • De pseudo(type) -methode om geneste pseudo-elementen op te halen.

Pseudo-doelwit op evenementen

Specifieke gebeurtenissen worden uitgebreid met een .pseudoTarget die ofwel CSSPseudoElement is (als de interactie met een pseudo-element heeft plaatsgevonden) ofwel null .

Dit geeft meer specifieke informatie over de oorsprong van de gebeurtenis, bijvoorbeeld dat er niet alleen op een uiteindelijk element ( Event.target ) is geklikt, maar meer specifiek dat dit ::after is gebeurd. Merk op dat Event.target ongewijzigd blijft, dus de gebeurtenis bevat alleen extra informatie over de interactie met pseudo-elementen.

De gebeurtenissen zijn UIEvent , AnimationEvent TransitionEvent .

De mouseover , mouseout , mouseenter , mouseleave en hun pointer* -tegenhangers worden niet ondersteund.

WebXR-vlakdetectie

De WebXR Plane Detection API stelt websites in staat om de set gedetecteerde vlakken in de omgeving van de gebruiker op te halen. Dit is zowel minder werk voor ontwikkelaars als krachtiger dan het gebruik van de dieptesensorfunctie van WebXR, omdat vlakken, bijvoorbeeld muren die door objecten worden bedekt, nog steeds volledig kunnen worden weergegeven als het systeem de grenzen van de muur kent. Een dieptekaart zou de muur wel laten zien, maar objecten ervoor zouden deze opbreken, waardoor de volledige omvang van de muur mogelijk wordt verduisterd. Bovendien is er semantische labelinformatie beschikbaar wanneer het apparaat dergelijke labels kent en deze in vooraf gedefinieerde categorieën passen, wat een beter inzicht in de omgeving oplevert.

WebXR-lagen

WebXR Layers biedt een efficiëntere manier om meeslepende content weer te geven.

Naast ondersteuning voor native kleur- en dieptetexturen en textuurarrays, biedt het ook ondersteuning voor verschillende laagtypen die door de systeemcompositor worden beheerd in plaats van door JavaScript.

XML-parsing in Rust voor niet-XSLT-scenario's

We leveren de Rust XML-parser mee voor scenario's waarin we er zeker van zijn dat er geen XSLT-verwerking nodig is.

De Rust XML-parser verbetert de beveiliging door geheugenbeschadigingsfouten bij het parsen van XML te elimineren. Het is de bedoeling dat deze parser ons gebruik van libxml2 (geschreven in C) vervangt door een veilig alternatief.

Chrome is bezig XSLT uit te faseren . Tot die tijd kunt u al gebruikmaken van veilige Rust XML-parsing in situaties waar geen XSLT vereist is:

Voegt ondersteuning toe voor JSON- en stijlmoduletypen als <link rel="modulepreload"> bestemmingen. <link rel="modulepreload"> wordt al ondersteund in Chromium (zie https://chromestatus.com/feature/5762805915451392), maar ondersteunt alleen het vooraf laden van scriptachtige modulescripts. Deze functie vult een hiaat in de functionaliteit op, aangezien JSON- en CSS-modulescripts elders in Chromium wel worden ondersteund, maar niet als <link rel="modulepreload"> bestemmingen. Style kunnen worden vooraf geladen met <link rel="modulepreload" as="style" href="..."> en JSON-modules kunnen worden vooraf geladen met <link rel="modulepreload" as="json" href="..."> .

Math.sumPrecise

Een voorstel van TC39 om een ​​methode voor het optellen van meerdere waarden aan JavaScript toe te voegen.

Voeg een Math.sumPrecise -methode toe die een iterable als argument accepteert en de som van de waarden in de iterable retourneert met behulp van een nauwkeuriger algoritme dan de naïeve optelling.

Ondersteuning voor path padattribuut op het SVG <textpath> -element

Deze wijziging voegt ondersteuning toe voor het path op het SVG-element <textPath> , waardoor auteurs de geometrie van tekstpaden inline kunnen definiëren met behulp van SVG padgegevens en de noodzaak voor afzonderlijk gedefinieerde <path> -elementen afneemt.

<textPath> bepaalt de geometrie van het tekstpad aan de hand van de volgende regels:

  1. Als zowel path als href aanwezig zijn, wordt de geometrie bepaald aan de hand van het path .
  2. Als alleen het path aanwezig is en correct wordt geparseerd, wordt de inline paddefinitie gebruikt.
  3. Als het path ontbreekt of niet correct kan worden geparseerd, en er een href -kenmerk is opgegeven, wordt het betreffende <path> -element als alternatief gebruikt.
  4. Het bestaande gedrag dat alleen via href toegankelijk is, blijft ongewijzigd.

Deze implementatie volgt de definitie van het path op <textPath> zoals beschreven in de SVG 2-specificatie, en het resolutiegedrag is consistent met andere browserengines, wat de interoperabiliteit en de naleving van standaarden verbetert.

Profiteer van veilige betalingsbevestigingsmogelijkheden.

Voegt een nieuwe statische methode toe aan het betalingsverzoek waarmee webontwikkelaars toegang krijgen tot de mogelijkheden van de implementatie van beveiligde betalingsbevestiging in de browser.

Dit helpt webontwikkelaars te weten welke mogelijkheden er zijn voor veilige betalingsbevestiging, zodat ze kunnen beslissen of ze deze functionaliteit willen gebruiken.

Update de API-limieten voor apparaatgeheugen

Update naar een nieuwe set mogelijke waarden voor de Device Memory API :

  • Android: 1, 2, 4, 8
  • Overigen: 2, 4, 8, 16, 32.

De oude waarden 0,25, 0,5, 1, 2, 4, 8 worden vervangen, omdat deze verouderd zijn.

Dit verkleint de risico's van vingerafdrukherkenning aan de onderkant van het spectrum, omdat de mogelijkheden van apparaten zijn verbeterd sinds deze waarden werden vastgesteld.

Beperkingen voor lokale netwerktoegang op Service Worker WindowClient.navigate()

Er zijn onlangs beperkingen voor lokale netwerktoegang (LNA) toegevoegd om te voorkomen dat websites eenzijdig verzoeken naar lokale netwerken en lokale apparaten sturen. Deze beperking is toegevoegd voor fetch-verzoeken die door Service Workers worden geïnitieerd, maar is niet van toepassing op navigaties die door Service Workers worden uitgevoerd via WindowClient.navigate

Deze release pakt dit probleem aan door LNA-beperkingen toe te voegen aan WindowClient.navigate() -aanroepen, waarbij de WindowClient als initiator van de navigatie wordt gebruikt om te bepalen of de navigatie een LNA-verzoek is.

Dit geldt alleen als de WindowClient waarnaar wordt genavigeerd een subframe is; Chrome legt geen LNA-beperkingen op voor navigatie in het hoofdvenster.

Beperkingen voor lokale netwerktoegang tot WebSockets

De beperkingen voor toegang tot het lokale netwerk (LNA) worden uitgebreid naar WebSockets. WebSocket-verbindingen met lokale adressen leiden nu tot toestemmingsverzoeken.

Alle LNA-bedrijfsbeleidsregels blijven van toepassing op de LNA WebSockets-beperkingen, waaronder LocalNetworkAccessAllowedForUrls , LocalNetworkAccessBlockedForUrls en LocalNetworkAccessRestrictionsTemporaryOptOut .

Meer informatie over LNA is te vinden in Lokale netwerktoegang .

Beperkingen voor lokale netwerktoegang voor WebTransport

Beperkt de mogelijkheid om via WebTransport verzoeken naar het lokale netwerk van de gebruiker te verzenden, achter een toestemmingsprompt.

Een lokaal netwerkverzoek is elk verzoek van een openbare website aan een lokaal IP-adres of loopback-interface, of van een lokale website (bijvoorbeeld een intranet) aan een loopback-interface. Door websites de mogelijkheid te bieden deze verzoeken uit te voeren via een machtiging, wordt de mogelijkheid beperkt om deze verzoeken te gebruiken om het lokale netwerk van de gebruiker te identificeren.

Deze toestemming is beperkt tot beveiligde contexten.

Alleen voor IWA: Webprint-API

Deze API maakt een diepere integratie met printergerelateerde functionaliteit in Isolated Web Apps (IWA) mogelijk.

De Web Printing API biedt een reeks JavaScript-methoden waarmee ontwikkelaars lokale printers kunnen opvragen, printopdrachten naar de meest geschikte printers kunnen verzenden en printopdrachtopties en -status kunnen beheren. Om deze concepten weer te geven, maakt de API gebruik van de attribuutnamen en semantiek uit de specificaties van het Internet Printing Protocol (IPP).

Nieuwe oorsprongsproeven

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

Containertiming

Met de Container Timing API kunt u bijhouden wanneer geannoteerde DOM secties op het scherm worden weergegeven en hun initiële weergave hebben voltooid. Een ontwikkelaar kan subsecties van de DOM markeren met het attribuut containertiming (vergelijkbaar met elementtiming voor de Element Timing API) en prestatiegegevens ontvangen wanneer die sectie voor het eerst is weergegeven. Deze API stelt ontwikkelaars in staat de timing van verschillende componenten op hun pagina's te meten.

Automatisch invullen-evenement

Autofill is een belangrijke webfunctie die het gebruiksgemak voor miljoenen gebruikers dagelijks verbetert. Maar het betrouwbaar laten werken van autofill met dynamische formulieren in verschillende implementaties kan complex zijn.

Deze functie voegt een autofill gebeurtenis toe die wordt geactiveerd wanneer de browser op het punt staat een formulierveld automatisch in te vullen. Hierdoor kunnen ontwikkelaars hun formulieren aanpassen aan de automatisch ingevulde gegevens en de browser laten weten wanneer dit is gebeurd.

HTML-installatie-element voor webapps

Hiermee kan een website gebruikers op een expliciete manier vragen om een ​​webapplicatie te installeren. Het element accepteert optioneel twee attributen waarmee content van een andere bron kan worden geïnstalleerd.

Toegestane verbindingslijsten

Verbindingslijsten zijn een functie die is ontworpen om expliciete controle te bieden over externe eindpunten door verbindingen te beperken die zijn geïnitieerd met behulp van de Fetch API of andere webplatform-API's vanuit een document of worker.

De voorgestelde implementatie houdt in dat de server een lijst met geautoriseerde eindpunten verspreidt via een HTTP-antwoordheader. Voordat de gebruikersagent namens een pagina een verbinding tot stand brengt, controleert de agent de bestemming aan de hand van deze lijst; verbindingen met geverifieerde eindpunten worden toegestaan, terwijl verbindingen die niet overeenkomen met de vermeldingen in de lijst worden geblokkeerd.

Afschrijvingen en verwijderingen

Deze versie van Chrome introduceert de volgende afschrijvingen en verwijderingen. Ga naar ChromeStatus.com voor lijsten met geplande afschrijvingen, huidige afschrijvingen en eerdere verwijderingen.

Deze versie van Chrome verwijdert X functionaliteit(en).

Verwijder inline XSLT voor de productie van SVG.

We beginnen met het uitfaseren van inline XSLT voor de productie van SVG. Deze uitrol gebeurt synchroon met experimentele tests van de op Rust gebaseerde XML-parser en is niet direct volledig opgenomen in de definitieve releaseversie.

Een speciaal ontworpen XML-bestand kan een XSL-stylesheet bevatten die standaard XML-gegevens omzet in een SVG-bestand.

Voorbeeld: https://gist.github.com/drott/1fc70b3c7f0ac314d1fe2e5beecc5490?short_path=1c60adf

Dit is een speciaal geval van XSLT -verwerking dat, volgens gebruiksmetingen van Chrome, vrijwel niet meer voorkomt op het web. Chrome is van plan dit specifieke gebruik van XSLT af te schaffen en te verwijderen voordat XSLT volledig wordt uitgefaseerd.