Chrome 146 bèta

Gepubliceerd: 11 februari 2026

Tenzij anders vermeld, gelden deze wijzigingen voor de nieuwste versie van Chrome Beta voor Android, ChromeOS, Linux, macOS en Windows. Voor meer informatie over deze functies kunt u de meegeleverde links of de lijst op ChromeStatus.com raadplegen. Download de nieuwste versie via Google.com voor desktop of via de Google Play Store voor Android.

CSS en UI

Door scrollen geactiveerde animaties

Deze functie voegt op scrollpositie gebaseerde bediening van animaties toe, bijvoorbeeld het afspelen, pauzeren en resetten van een animatie.

Een veelvoorkomend patroon op webpagina's is het starten van een animatie wanneer een scrollpositie wordt bereikt. Ontwikkelaars gebruiken vaak JavaScript om handmatig te detecteren wanneer een element zich binnen het zichtbare gedeelte van de scrollcontainer bevindt en om een ​​bijbehorende animatie te starten (bijvoorbeeld het element in beeld schuiven). Veel van deze toepassingen zijn afhankelijk van informatie die declaratief kan worden aangeleverd. Deze functionaliteit stelt ontwikkelaars in staat om deze interacties declaratief te creëren via CSS, waardoor de user agent de afhandeling van deze interactie kan overdragen aan een worker thread. De API bevat ook JavaScript-interfaces die de functionaliteit uitbreiden naar webanimaties, naast CSS-animaties.

Lees meer in CSS-animaties die worden geactiveerd door scrollen .

De trigger-scope eigenschap

Met de eigenschap trigger-scope kunnen ontwikkelaars de namen van animatietriggers beperken die worden gedeclareerd door eigenschappen trigger-instantiating .

Eigenschappen die triggers instantiëren, zoals timeline-trigger , declareren namen waarnaar de eigenschap animation-trigger kan verwijzen om animaties aan triggers te koppelen. Deze namen zijn echter standaard globaal (vergelijkbaar met anchor-name ). Ontwikkelaars moeten de zichtbaarheid van deze namen vaak beperken om interacties tussen animaties en triggers te isoleren.

Tijdlijn benoemd bereik "scrollen"

Deze functie breidt de set benoemde bereiken voor weergavetijdlijnen uit door een scrollbereik toe te voegen.

De Scroll-Driven Animations API introduceerde ViewTimelines en 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. Auteurs kunnen nu verwijzen naar de volledige omvang van de scrollcontainer die ten grondslag ligt aan de tijdlijn. Deze functie voegt een scroll bereik toe aan de bestaande set ( entry , exit , cover , contain ).

Ondersteunt de hanging en each-line voor de text-indent

De twee optionele trefwoorden voor de eigenschap text-indent vergroten de mogelijkheden en bruikbaarheid ervan.

Het trefwoord hanging verandert de inspringing in `hanging` , wat betekent dat alle regels behalve de eerste regel ingesprongen zijn.

Het trefwoord each-line zorgt ervoor dat de inspringing niet alleen de eerste regel beïnvloedt, maar ook elke regel na een geforceerde regelafbreking.

Web-API's

Navigatie-API: voeg een post-commit-handler toe vanuit de pre-commit-handler

Een kleine ergonomische verbetering die het mogelijk maakt om een ​​post-commit handler te registreren terwijl een pre-commit handler wordt aangeroepen.

Vóór deze wijziging werden, bij het onderscheppen van navigaties met de navigate gebeurtenis, precommitHandlers en gewone post-commit-handlers afzonderlijk doorgegeven.

Dit werkt prima wanneer er slechts één van beide is, maar kan wat omslachtig zijn wanneer de workflow een precommitHandler bevat die naar een post-commit handler leidt.

Vul de doel-URL in tijdens de bestandsverwerking.

De Launch Handler-implementatie zorgt er nu voor dat LaunchParams.targetURL wordt ingevuld wanneer een PWA wordt gestart via bestandsafhandeling. Voorheen was deze eigenschap null wanneer een bestand werd geopend in een bestaand venster. Deze wijziging zorgt ervoor dat de URL uit het action in het manifest van de ontwikkelaar (dezelfde URL die het document momenteel moet laden) beschikbaar is voor de launchQueue gebruiker.

WebGPU: Textuur- en sampler-let

Voegt een taalfunctie toe aan WGSL, texture_and_sampler_let , waarmee je texture- en sampler-objecten kunt opslaan in een let declaratie in WGSL.

WebGPU-compatibiliteitsmodus

Voegt een optionele, licht beperkte subset van de WebGPU API toe waarmee oudere grafische API's, zoals OpenGL en Direct3D11, kunnen worden uitgevoerd. Door deze modus te activeren en de bijbehorende beperkingen te respecteren, kunnen ontwikkelaars het bereik van hun WebGPU-applicaties uitbreiden naar veel oudere apparaten die niet beschikken over de moderne, expliciete grafische API's die de kern van WebGPU vereist. Voor eenvoudige applicaties is de enige vereiste wijziging het specificeren van het compatibiliteits featureLevel bij het aanroepen requestAdapter . Voor meer geavanceerde applicaties kunnen enkele aanpassingen nodig zijn om aan de beperkingen van de modus te voldoen. Omdat de compatibiliteitsmodus een subset is, zijn de resulterende applicaties ook geldige WebGPU Core-applicaties en werken ze zelfs op user agents die de compatibiliteitsmodus niet ondersteunen.

WebGPU: Tijdelijke koppelingen

Een nieuwe TRANSIENT_ATTACHMENT GPUTextureUsage stelt ontwikkelaars in staat om attachments te creëren waarmee render pass-bewerkingen in het tegelgeheugen kunnen blijven, waardoor VRAM-verkeer wordt vermeden en mogelijk VRAM-allocatie voor de texturen wordt voorkomen.

Intl.Locale.prototype.variants

Voegt Intl.Locale.prototype.variants toe en accepteert ook varianten in de optiebag in de Intl.Locale -constructor.

Iteratorsequentie

Implementeert een voorstel uit TC39 om iterators te creëren door bestaande iterators te sequentiëren. Dit introduceert Iterator.concat(...items) .

meta name="text-scale"

Hiermee wordt de standaard lettergrootte van het root-element aangepast aan de tekstschaalinstellingen van zowel het besturingssysteem als de browser. Pagina's die de beste praktijken voor lettertype-relatieve eenheden volgen (dat wil zeggen, rem en em gebruiken voor lettergroottes en pagina-elementen die veranderen met de voorkeuren van de gebruiker voor de tekstgrootte) respecteren hierdoor de tekstschaalinstelling van het besturingssysteem. De browser schakelt hierdoor ook bestaande browsergebaseerde mechanismen (zoals inzoomen op de volledige pagina in Windows) en heuristieken (zoals automatisch aanpassen van de tekstgrootte op mobiele apparaten) uit. Webontwikkelaars kunnen de browser nu laten weten dat de pagina zo is opgebouwd (met rem en em ) dat deze goed schaalt met verschillende door de gebruiker geselecteerde lettergroottes. Net als env(preferred-text-scale) , waarmee auteurs toegang hebben tot de tekstschaal, breidt deze API dit uit door schaling via de standaard lettergrootte van het root-element mogelijk te maken en automatische tekstschaling uit te schakelen.

Behoud dropEffect -waarden van dragover- naar drop-gebeurtenissen.

De HTML5 Drag and Drop API stelt webapplicaties in staat om drag-and-drop-bewerkingen af ​​te handelen via een reeks gebeurtenissen: dragstart , dragenter , dragover , dragleave , drop en dragend . Tijdens deze gebeurtenissen geeft de eigenschap dataTransfer.dropEffect aan welke bewerking (kopiëren, verplaatsen, koppelen of geen) moet worden uitgevoerd.

Volgens de HTML5-specificatie blijft de dropEffect waarde die webapplicaties tijdens de laatste dragover gebeurtenis hebben ingesteld, behouden en beschikbaar bij de daaropvolgende drop gebeurtenis.

Chromium-gebaseerde browsers overschreven echter de dropEffect waarde van de webapplicatie met de door de browser zelf overeengekomen bewerking voordat de drop gebeurtenis plaatsvond. Dit was in strijd met de specificaties en beperkte de controle van ontwikkelaars over het drag-and-drop-gedrag.

Behoud van de MIME-typeparameter van de data-URL

Behoudt MIME-typeparameters (bijvoorbeeld charset, boundary) in Content-Type headers van de data-URL volgens de Fetch-standaard.

Sanitizer API

De Sanitizer API biedt een gebruiksvriendelijke en standaard veilige HTML-sanerings-API waarmee ontwikkelaars inhoud die scripts zou kunnen uitvoeren, kunnen verwijderen uit willekeurige, door de gebruiker aangeleverde HTML-content. Het doel is om het bouwen van XSS-vrije webapplicaties te vereenvoudigen.

Nieuwe oorsprongsproeven

In Chrome 146 kun je je aanmelden voor deze nieuwe Origin-proefversies .

WebNN

WebNN wil webapplicaties en frameworks in staat stellen gebruik te maken van native besturingssysteemservices voor machine learning en de onderliggende hardwaremogelijkheden van de computer van de gebruiker, om zo consistente, efficiënte en betrouwbare ML-ervaringen op het web te realiseren.

Meld je aan voor de WebNN-proefversie.