Chrome 145 bèta

Rachel Andrew

Gepubliceerd: 14 januari 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 de hier vermelde functies vindt u via de meegeleverde links of in de lijst op ChromeStatus.com. Chrome is sinds 14 januari 2026 in bèta. U kunt de nieuwste versie downloaden op Google.com voor desktop of in de Google Play Store voor Android.

CSS en UI

Ondersteuning voor de CSS-eigenschap ` text-justify

Ontwikkelaars kunnen de uitlijning van tekst beïnvloeden wanneer text-align: justify is toegepast met behulp van de text-justify eigenschap. Zo kan bijvoorbeeld de uitlijning worden geforceerd door de spaties tussen tekens te vergroten, zelfs in Engelse tekst.

Verfijn de berekening van border-radius voor schaduwen bij hoge border-radius .

Deze verbetering zorgt ervoor dat schaduwen en knipranden op bijna cirkelvormige elementen (waarbij border-radius dicht bij 50% ligt) precies overeenkomen met de visuele contouren van de gebogen rand.

Dit zorgt voor een consistentere weergave van complexe afgeronde vormen, waardoor visuele inconsistenties bij grote radiuswaarden worden geëlimineerd. De randradiusaanpassingsfactor, die ervoor zorgt dat hoeken scherp lijken bij kleine radii, wordt nu geleidelijk gedempt naarmate de radiuswaarde de 50% nadert.

Dit geldt ook voor niet-ronde contouren (met behulp van corner-shape ), die nu hetzelfde mechanisme voor radiusaanpassing gebruiken.

Kolomomloop voor CSS-lay-outs met meerdere kolommen

Vanaf Chrome versie 145 worden de eigenschappen column-wrap en column-height ondersteund in lay-outs met meerdere kolommen. Met deze eigenschappen kunt u kolommen in de blokrichting naar een nieuwe rij laten doorlopen.

Vóór Chrome 145 verscheen, als de hoogte van de container met meerdere kolommen beperkt was, inhoud die niet in de beschikbare ruimte paste als overloopkolommen in de inline-richting. Dit resulteerde in een horizontale scrollbalk op het web. Met de eigenschappen column-height en column-wrap kunt u een hoogte instellen voor de rij kolommen en de overloopkolommen als een nieuwe rij laten verschijnen.

Meer informatie vindt u in Ondersteuning voor omgebroken kolommen in lay-outs met meerdere kolommen .

Stel onanimationcancel gebeurtenis beschikbaar aan GlobalEventHandlers

CSS Animations Level 1 breidt de GlobalEventsHandler -interface uit die is gedefinieerd in de HTML-specificatie en declareert vier nieuwe gebeurtenisafhandelaars: onanimationstart , onanimationiteration , onanimationend en onanimationcancel .

De eventhandler onanimationcancel ontbrak in de GlobalEventsHandler IDL en is nu beschikbaar.

CSS letter-spacing en word-spacing : percentagewaarden

Hiermee kunnen procentuele waarden worden gebruikt voor de CSS-eigenschappen letter-spacing en word-spacing , zoals gedefinieerd in de CSS Text Module Level 4-specificatie. De procentuele waarden worden berekend ten opzichte van de afstand tussen de spaties (U+0020). Dit geeft ontwikkelaars robuustere en flexibelere controle over typografie, met name in responsieve ontwerpen waarbij de tekstafstand zich moet aanpassen aan verschillende schermformaten en lettergroottes.

Aanpasbare selectielijst

Deze functie breidt de ondersteuning voor aanpasbare selectie uit naar de lijstweergavemodus, inclusief enkelvoudige selectie en meervoudige selectie in de lijstweergavemodus.

De weergavemodus voor keuzelijsten betekent dat het <select> -element in de pagina zelf wordt weergegeven, in plaats van met een aparte knop en pop-up. Deze weergavemodus kan op verschillende platforms worden ingeschakeld via de attributen `multiple` of `size`, zoals <select multiple> of ` <select size=4> . Wanneer de CSS-eigenschap appearance:base-select wordt toegepast op het <select> -element met deze attributen, zal de weergave en het invoergedrag verbeterd zijn.

Deze functie biedt geen ondersteuning voor aanpasbare selectie in het pop-upvenster met meerdere selecties; deze functionaliteit komt later beschikbaar. De volgende attributen moeten worden ingesteld om een ​​pop-upvenster met meerdere selecties te krijgen: <select multiple size=1> .

Schakel monochrome emoji-weergave in de modus met geforceerde kleuren in.

Deze wijziging werkt het weergavegedrag van emoji's bij in de modus 'Geforceerde kleuren' in Chrome. Tijdens het omzetten van berekende waarden worden emoji's waarvan de waarde font-variant-emoji resulteert in 'normaal' of 'unicode' weergegeven met hun monochrome tekens, indien beschikbaar.

Chrome zal daarom de weergave van gekleurde emoji's onderdrukken, zodat emoji's volledig deelnemen aan de 'Geforceerde kleurenmodus' en de systeemkleuren met hoog contrast respecteren. Het gedrag buiten de 'Geforceerde kleurenmodus' blijft ongewijzigd.

De focusVisible optie in de focus() -methode

Bij het aanroepen van de focus() -methode kunnen ontwikkelaars nu een focusVisible boolean opgeven in het FocusOptions -woordenboek. Als deze waarde `true` is, wordt er altijd een focusring getekend rond het element waarop de focus is gezet en komt deze overeen met de pseudo-klasse :focus-visible . Als deze waarde `false` is, wordt er geen focusring getekend en komt :focus-visible niet overeen. Als de boolean ontbreekt, bepaalt de user agent zelf of er een focusring moet worden getekend en komt de pseudo-klasse :focus-visible dienovereenkomstig overeen.

Overscroll-effect op niet-root-scrollers

Toont elastische overscroll-effecten op niet-hoofdscrollcontainers. Wanneer een genest scrollbaar element zijn scrollgrens bereikt, wordt de overscroll-functionaliteit toegepast op dat element in plaats van alleen op de hoofdscrollcontainer. Dit vermindert de behoefte aan aangepaste JavaScript-oplossingen en kan per element worden beheerd met overscroll-behavior .

Toon de werkelijke vensterpositie op Android

Chrome op Android geeft nu nauwkeurig de positie en grootte van het browservenster weer met behulp van window.screenX , window.screenY , window.outerWidth en window.outerHeight .

Voorheen ging Chrome er ten onrechte van uit dat alle browservensters op Android beginnen op coördinaten (0, 0). Dit is onjuist voor Android-tablets die de vrije venstermodus gebruiken, waardoor websites altijd 0 ontvangen wanneer de positie van het venster op het scherm wordt opgevraagd met window.screenX en window.screenY (deze velden slaan de coördinaten van de linkerbovenhoek van het venster op in de globale werkruimtecoördinaten).

Bovendien ging Chrome op Android er ten onrechte van uit dat de buitenafmetingen van het browservenster gelijk zijn aan de binnenafmetingen van het websitevenster.

Web-API's

Vóór Chrome 145 had NavigationTransition een ` from eigenschap, waarmee de oude URL van de navigatie werd weergegeven. Door deze toe te voegen to (een ` NavigationDestination ) wordt dit voltooid. Dit is vooral handig bij het gebruik van precommit handlers, omdat tijdens precommit de huidige URL nog niet is overgeschakeld naar de bestemming.

WebGPU: subgroup_uniformity -functie

Voegt een nieuw kader toe aan de uniformiteitsanalyse en wijzigt welke delen van de taal in elk geval worden gecontroleerd, zodat de functionaliteit van subgroepen in meer gevallen als uniform kan worden beschouwd.

Upsert

Implementeert het ECMAScript-voorstel voor Map.prototype.getOrInsert , Map.prototype.getOrInsertComputed , WeakMap.prototype.getOrInsert en WeakMap.prototype.getOrInsertComputed .

InputEvent-typen voor verwijderingsopdrachten op niet-ingeklapte selecties

Rapporteert nauwkeurige inputType waarden voor sneltoetsen voor het verwijderen van geselecteerde tekst. Wanneer verwijderingsopdrachten zoals Control+Backspace of Control+Delete worden gebruikt met geselecteerde tekst in contenteditable-elementen, rapporteren de beforeinput en input gebeurtenissen nu deleteContentBackward of deleteContentForward in plaats van deleteWordBackward of deleteWordForward . Dit stelt webontwikkelaars in staat om correct te begrijpen welke bewerkingshandeling heeft plaatsgevonden en betrouwbare ongedaan maken- en opnieuw uitvoeren-functionaliteit of aangepaste bewerkingsgedragingen te implementeren.

Hiermee kunnen bellers een maxAge opgeven bij het instellen van een cookie met de Cookie Store API.

De vervaltijd van cookies kan al worden geconfigureerd met behulp van het expires attribuut, maar maxAge biedt een meer gangbare optie en stemt de Cookie Store API af op de opties die worden geboden door document.cookie en de Set-Cookie HTTP-header.

Beveiligde betalingsbevestiging: browsergebonden sleutels

Voegt een extra cryptografische handtekening toe aan de bevestiging van veilige betalingen en het aanmaken van inloggegevens. De bijbehorende privésleutel wordt niet gesynchroniseerd tussen apparaten. Dit helpt webontwikkelaars te voldoen aan de vereisten voor apparaatkoppeling bij betalingstransacties.

Permanente activering voor de clipboardchange gebeurtenis

Chrome vereist nu permanente gebruikersactivering of clipboard-read om gebeurtenissen clipboardchange te activeren, waardoor ongeautoriseerde controle van het klembord wordt voorkomen. Deze wijziging is vastgelegd in de Clipboard API-specificatie .

Maak rtpTimestamp van WebRTC-videoframes beschikbaar met behulp van VideoFrame.metadata()

Voegt een VideoFrame.metadata() -methode toe die een dictionary retourneert met het veld rtpTimestamp , indien de onderliggende VideoFrame dit veld in de metadata heeft. Anders wordt een lege dictionary geretourneerd. Alleen videoframes afkomstig van WebRTC-bronnen zullen de rtpTimestamp metadata bevatten.

Zorg ervoor dat webapplicaties de bimodale prestatietijden begrijpen.

Webapplicaties kunnen last hebben van een bimodale verdeling in laadtijden als gevolg van factoren waar de applicatie geen controle over heeft. Wanneer een user agent bijvoorbeeld voor het eerst wordt gestart in een "koude start"-scenario, moet deze veel kostbare initialisatietaken uitvoeren die concurreren om systeembronnen. Browser-extensies kunnen ook de prestaties beïnvloeden, omdat sommige extensies extra code uitvoeren op elke pagina die u bezoekt, waardoor het CPU-gebruik toeneemt en de reactietijden vertragen. Evenzo kunnen webpagina's trager laden wanneer een machine al bezig is met intensieve taken.

In deze scenario's concurreert de content die de webapplicatie probeert te laden met andere taken die op het systeem plaatsvinden. Hierdoor is het moeilijk te detecteren of prestatieproblemen zich binnen de webapplicatie zelf voordoen, of dat ze worden veroorzaakt door externe factoren.

Een nieuw veld confidence op het PerformanceNavigationTiming -object stelt ontwikkelaars in staat te bepalen of de navigatietijden representatief zijn voor hun webapplicatie.

Voeg presentationTime en paintTime toe aan de prestatiegegevens.

Geef paintTime en presentationTime weer in element timing, LCP, lange animatieframes en paint timing.

paintTime betekent het tijdstip waarop de renderingfase eindigde en de browser de tekenfase startte. presentationTime betekent het tijdstip waarop de pixels op het scherm verschenen, wat enigszins implementatieafhankelijk is. Zie LCP en INP zijn nu beschikbaar als Baseline .

Gebruik van CSS-pixels in de LayoutShift API

Deze functie wijzigt de attributiegegevens ( prevRect en currentRect ) in de LayoutShift API , zodat deze worden weergegeven in CSS-pixels in plaats van fysieke pixels. Het huidige gedrag is inconsistent met andere lay-outgerelateerde API's, die allemaal CSS-pixels gebruiken. Deze wijziging verbetert de consistentie, vereenvoudigt het gebruik voor ontwikkelaars en sluit aan bij de verwachte eenheden in debugging en tooling.

Merk op dat dit geen invloed heeft op de CLS-metriekwaarde, maar wel op debugtools die schermafbeeldingen en foto's van die verschuivingen weergeven.

Apparaatgebonden sessiegegevens (DBSC)

Een manier voor websites om een ​​sessie veilig aan één apparaat te koppelen.

Het stelt servers in staat een sessie te hebben die veilig aan een apparaat is gekoppeld. De browser vernieuwt de sessie periodiek op verzoek van de server, met bewijs van het bezit van een privésleutel.

Lokale netwerktoegang, gesplitste machtigingen

Dit is een verbetering van de beperkingen voor lokale netwerktoegang (LNA), waarbij we de vereiste toestemming van één lokale netwerktoegangsmachtiging opsplitsen in twee afzonderlijke machtigingen.

Oude toestemming: local-network-access

Nieuwe machtigingen:

  • local-network : voor LNA-verzoeken aan IP-adressen in de lokale adresruimte.
  • loopback-network : voor LNA-verzoeken aan IP-adressen in de loopback-adresruimte.

De oude machtiging wordt bewaard als alias en zou moeten blijven werken voor permissions.query en machtigingsbeleid. Het huidige bedrijfsbeleid blijft ongewijzigd werken; nieuwere, meer gedetailleerde bedrijfsbeleidsregels zullen op een later tijdstip worden toegevoegd.

De Origin API

De oorsprong is een fundamenteel onderdeel van de implementatie van het web, essentieel voor zowel de beveiliging als de privacygrenzen die gebruikersagenten handhaven. Het concept is goed gedefinieerd binnen HTML en URL, evenals veelgebruikte verwante concepten zoals site .

De oorsprong van een bron is echter niet direct toegankelijk voor webontwikkelaars. Hoewel er verschillende methoden zijn om de oorsprong op te vragen op diverse objecten, retourneert elk daarvan de ASCII-serialisatie van een oorsprong, niet de oorsprong zelf. Dit heeft een aantal negatieve gevolgen. In de praktijk maken ontwikkelaars die vergelijkingen tussen bronnen van dezelfde oorsprong of dezelfde site proberen uit te voeren bij het verwerken van geserialiseerde oorsprongen vaak fouten die tot beveiligingslekken leiden. Filosofisch gezien lijkt het een ontbrekend beveiligingselement dat ontwikkelaars moeilijk nauwkeurig kunnen implementeren met behulp van polyfills.

De Origin API vult deze lacune in het platform op door een origin object te introduceren dat het origin-concept inkapselt en handige methoden biedt voor vergelijking, serialisatie en parsing.

Sanitizer API

De Sanitizer API biedt ontwikkelaars een manier om content die scripts kan uitvoeren te verwijderen uit willekeurige, door de gebruiker aangeleverde HTML-inhoud. Het doel is om het bouwen van XSS-vrije webapplicaties te vereenvoudigen.

Afstemming van de Trusted Types-specificatie

Trusted Types werd oorspronkelijk geïmplementeerd en gelanceerd in Chrome in 2019.

De Trusted Type-specificatie wordt nu in andere browsers geïmplementeerd. Als onderdeel van dat proces worden diverse inconsistenties in de specificatie geïdentificeerd en gecorrigeerd. Deze release verhelpt deze problemen in Chrome, zodat de browser voldoet aan de nieuwe specificatie.

Nieuwe oorsprongsproeven

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

WebAudio: Configureerbare weergavequantum

AudioContext en OfflineAudioContext accepteren nu een optionele renderSizeHint , waarmee gebruikers een specifieke renderquantumgrootte kunnen opgeven wanneer een geheel getal wordt doorgegeven, de standaardwaarde van 128 frames kunnen gebruiken als er niets of default wordt doorgegeven, of de User-Agent kunnen vragen een geschikte renderquantumgrootte te kiezen als hardware is gespecificeerd.

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.

Chrome verwijdert de ondersteuning voor verouderde virtuele camera's op macOS.

Vanaf Chrome 145 wordt de ondersteuning voor verouderde virtuele camera's voor alle ondersteunde macOS-versies verwijderd.

Op macOS worden moderne virtuele camera's gebouwd met behulp van het Core Media IO- framework, dat beschikbaar is sinds macOS 12.3. Apple heeft zich ingezet om gebruikers te bereiken en alle moderne software voor virtuele camera's is gemigreerd naar dit Core Media IO-framework .

Verouderde virtuele camera's, gebouwd als DAL-plug-ins, worden al sinds macOS 14.1 (2023) door macOS zelf geblokkeerd en worden in Safari al sinds 2018, zo niet eerder, niet meer ondersteund.

Verwijder de BMP-extensie voor het insluiten van JPEG- of PNG-bestanden in een BMP-bestand.

Chrome verwijdert de BMP-extensie voor het insluiten van JPEG- of PNG-afbeeldingen in BMP, omdat geen enkele andere browser deze extensie ondersteunt en deze geen nut heeft (zoals geregistreerd met behulp van UMA-gegevens).

Standaard worden User-Agent-strings verkort.

Vanaf Chrome versie 145 wordt het beleid UserAgentReduction volledig verwijderd. Dit beleid was voorheen beschikbaar om te bepalen of Chrome een verkorte of volledige User-Agent-string verstuurde.

Om de privacy van gebruikers te verbeteren en passieve trackingmogelijkheden te beperken, is Chrome in versie 110 standaard begonnen met het verminderen van de informatie in de User-Agent-header. Het UserAgentReduction beleid werd als tijdelijke maatregel aangeboden om bedrijven te helpen bij deze overgang.

Het aanbevolen mechanisme voor websites om toegang te krijgen tot browser- en apparaatinformatie is nu User-Agent Client Hints (UA-CH). UA-CH vereist dat websites actief specifieke informatie opvragen, wat een privacyvriendelijkere aanpak is dan de oude User-Agent-string.

Vanaf Chrome versie 145 heeft het UserAgentReduction beleid geen effect meer. Chrome stuurt standaard een verkorte User-Agent-string. Systemen of applicaties die op dit beleid vertrouwden om de volledige (oude) User-Agent-string te ontvangen, ontvangen mogelijk niet langer de gedetailleerde informatie die ze verwachten.