Gepubliceerd: 6 augustus 2025
Unless otherwise noted, the following changes apply to the newest Chrome beta channel release for Android, ChromeOS, Linux, macOS, and Windows. Learn more about the features listed here through the provided links or from the list on ChromeStatus.com. Chrome 140 is in beta as of August 6, 2025. You can download the latest on the official Chrome website for desktop or on Google Play Store on Android.
CSS en UI
CSS getypte rekenkunde
Met getypte rekenkunde kun je expressies in CSS schrijven zoals calc(10em / 1px) of calc(20% / 0.5em * 1px) . Dit is bijvoorbeeld handig voor typografie, omdat je hiermee een getypte waarde kunt omzetten naar een niet-getypte waarde en deze kunt hergebruiken voor eigenschappen die getallen accepteren. Een ander gebruiksscenario is het vermenigvuldigen van een eenheidsloze waarde met een ander type. Je kunt bijvoorbeeld pixels omzetten naar graden.
De eigenschap scroll-target-group
De eigenschap scroll-target-group specificeert of het element een container voor een scrollmarkergroep is. Deze eigenschap accepteert een van de volgende waarden:
- 'none': Het element stelt geen scrollmarkergroepcontainer in.
- 'auto': Het element creëert een container voor een scrollmarkergroep die alle scrollmarkerelementen bevat waarvan dit de dichtstbijzijnde vooroudercontainer voor de scrollmarkergroep is.
Door een container voor scrollmarkeringen te creëren, kunnen alle HTML-ankerelementen met een fragment-ID die zich binnen zo'n container bevinden, fungeren als het HTML-equivalent van pseudo-elementen ::scroll-marker . Het ankerelement waarvan het scrolldoel momenteel in beeld is, kan worden gestyled met de pseudo-klasse :target-current .
Schakel de functies counter() en counters() in voor de `alt`-tekst van de content eigenschap.
Deze functie voegt de mogelijkheid toe om counter() en counters() te gebruiken in de `alt`-tekst van de content eigenschap. Dit biedt meer betekenisvolle informatie om de toegankelijkheid te verbeteren.
Pseudo-weergavetransities erven meer animatie-eigenschappen.
De pseudo-structuur voor weergaveovergangen erft nu een aantal animatie-eigenschappen:
-
animation-delay -
animation-timing-function -
animation-iteration-count -
animation-direction -
animation-play-state
Schakel overgangen tussen geneste weergaven in.
Deze functie maakt het mogelijk om bij weergaveovergangen een geneste pseudo-elementenboom te genereren in plaats van een platte. Hierdoor sluit de weergaveovergang beter aan bij de oorspronkelijke elementen en de visuele intentie. Het maakt knippen, geneste 3D-transformaties en de juiste toepassing van effecten zoals transparantie, maskering en filters mogelijk.
Verspreid overscroll-behavior van de viewport vanuit de root.
This change propagates overscroll-behavior from the root instead of the body. The CSS working group resolved not to propagate properties from the <body> to the viewport. Instead, properties of the viewport propagate from the root ( <html> ) element. As such, overscroll-behavior should propagate from the root element. However, Chrome has had a longstanding issue: it propagates overscroll-behavior from the <body> rather than the root. This behavior is not interoperable with other browsers. This change makes Chrome comply with the specification and become interoperable with other implementations.
ScrollIntoView containeroptie
Met de containeroptie ScrollIntoViewOptions kunnen ontwikkelaars een scrollIntoView bewerking uitvoeren die alleen de dichtstbijzijnde scrollcontainer scrollt. Het volgende codefragment scrollt bijvoorbeeld alleen de scrollcontainer van target om target in beeld te brengen, maar scrollt niet alle scrollcontainers naar de viewport:
target.scrollIntoView({container: 'nearest'});
Voeg de CSS-eigenschap ` caret-animation toe.
Chromium ondersteunt animatie van de caret-color . Echter, tijdens de animatie interfereert het standaard knippergedrag van de cursor met de animatie.
De CSS-eigenschap caret-animation heeft twee mogelijke waarden: auto en manual . auto betekent de standaardinstelling van de browser (knipperen), en manual betekent dat de ontwikkelaar de cursoranimatie bepaalt. Gebruikers die last hebben van knipperende of flitsende beelden, kunnen het knipperen bovendien uitschakelen met een gebruikersstijlbestand.
De highlightsFromPoint API
The highlightsFromPoint API enables developers to interact with custom highlights. It detects which highlights exist at a specific point within a document. This interactivity is valuable for complex web features where multiple highlights may overlap or exist within shadow DOM. By providing precise point-based highlight detection, the API empowers developers to manage dynamic interactions with custom highlights more effectively. For example, developers can respond to user clicks or hover events on highlighted regions to trigger custom tooltips, context menus, or other interactive features.
Wijziging van weergaveovergang voltooid, beloofde timing
The current finished promise timing happens within the rendering lifecycle steps. This means that code that runs as a result of promise resolution happens after the visual frame that removes the view transition has been produced. This can cause a flicker at the end of the animation if the script moves styles to preserve a visually similar state. This change resolves the issue by moving the ViewTransition cleanup steps to run asynchronously after the lifecycle is completed.
Voeg het bronkenmerk ToggleEvent toe.
Het source attribuut van een ToggleEvent bevat het element dat de ToggleEvent heeft geactiveerd, indien van toepassing. Als een gebruiker bijvoorbeeld op een ` <button> `-element klikt met het popovertarget of commandfor attribuut ingesteld om een popover te openen, zal het `source`-attribuut van de ToggleEvent die op de popover wordt geactiveerd, de waarde van de <button> bevatten.
Voorkom dat foreignObject in SVG het canvas vervuilt voor blob-URL's.
All browsers have long supported using an <img> element with an SVG source in an HTML canvas drawImage operation. However, canvas tainting behavior varies across platforms. All browsers taint the canvas when the SVG source includes a foreignObject tag and is referenced with an HTTP URI. When the same SVG is referenced through a data URI, all browsers don't taint the canvas. However, when a blob URI is used, both Chromium (before this change) and WebKit taint the canvas, but Gecko does not. When this feature ships, Chromium's behavior matches that of Gecko, allowing a wider range of SVG content to be used in canvas drawImage calls without tainting.
Ondersteun de font-variation-settings -descriptor in de @font-face rule
CSS allows developers to adjust a font's weight, width, slant, and other axes using the font-variation-settings property on individual elements. However, Chromium-based browsers lack support for this property within @font-face declarations. This feature supports the string-based syntax for font-variation-settings as defined in CSS Fonts Level 4. Invalid or unrecognized feature tags are ignored per specification. No binary or non-standard forms are supported. Variable fonts are becoming more widely adopted for both performance and typographic flexibility. Adding support for this descriptor in Chromium enhances control, reduces repetition, and supports a more scalable, modern approach to web typography.
Web-API's
Converteer Uint8Array naar en van base64 en hex.
Base64 is een veelgebruikte manier om willekeurige binaire gegevens als ASCII weer te geven. JavaScript heeft Uint8Arrays voor binaire gegevens. Het mist echter een ingebouwd mechanisme om die gegevens als base64 te coderen, of om base64-gegevens om te zetten in een overeenkomstige Uint8Array . Deze functie voegt de mogelijkheid en methoden toe om te converteren tussen hexadecimale tekenreeksen en Uint8Arrays .
Gebruik de ReadableStreamBYOBReader min optie
This feature introduces a min option to the existing ReadableStreamBYOBReader.read(view) method. The method already accepts an ArrayBufferView into which it reads data, but currently does not guarantee how many elements are written before the read resolves. By specifying a min value, you can require that the stream wait until at least that many elements are available before resolving the read. This improves upon the current behavior, where reads may resolve with fewer elements than the view can hold.
HTTP-cookievoorvoegsel
In some cases, it's important to distinguish on the server side between cookies set by the server and those set by the client. One such case involves cookies normally always set by the server. However, unexpected code (such as an XSS exploit, a malicious extension, or a commit from a confused developer) might set them on the client. This proposal adds a signal that lets servers make such a distinction. More specifically, it defines the __Http and __HostHttp prefixes, which ensure a cookie is not set on the client side using script.
Beperkingen voor toegang tot het lokale netwerk
Chrome 140 restricts the ability to make requests to the user's local network, requiring a permission prompt. A local network request is any request from a public website to a local IP address or loopback, or from a local website (such as an intranet) to loopback. Gating the ability for websites to perform these requests behind a permission mitigates the risk of cross-site request forgery attacks against local network devices, such as routers. It also reduces the ability of sites to use these requests to fingerprint the user's local network. This permission is restricted to secure contexts. If granted, the permission also relaxes mixed content blocking for local network requests, since many local devices cannot obtain publicly trusted TLS certificates for various reasons.
Lees meer in Nieuwe toestemmingsprompt voor toegang tot het lokale netwerk .
Schakel de mogelijkheid in voor SharedWorker-scripts om de controller voor blob-script-URL's over te nemen.
De specificatie stelt dat workers controllers voor de blob-URL moeten overerven. De bestaande code staat echter alleen toe dat dedicated workers de controller overerven; shared workers niet. Deze wijziging corrigeert het gedrag van Chrome zodat het in lijn is met de specificatie. Het bedrijfsbeleid SharedWorkerBlobURLFixEnabled beheert deze functie.
Voeg ServiceWorkerStaticRouterTimingInfo toe
Deze functie voegt timinginformatie toe voor de ServiceWorker Static routing API, die beschikbaar wordt gesteld in de navigation timing API en resource timing API voor ontwikkelaars. ServiceWorker biedt timinginformatie om bepaalde tijdstippen te markeren.
Deze functie voegt twee stukken timinginformatie toe die relevant zijn voor de statische routing-API:
-
RouterEvaluationStart: Tijd om te beginnen met het matchen van een verzoek met geregistreerde routerregels. -
CacheLookupStart: Tijd om te beginnen met het opzoeken van de cacheopslag als de bron"cache"is.
Daarnaast voegt deze functie twee stukken routerbroninformatie toe: de overeenkomende routerbron en de uiteindelijke routerbron.
Schakel voorwaardelijke aanmaak via webauthenticatie in op Android (wordt nog niet uitgebracht)
Geïsoleerde webapps
Introductie van de Controlled Frame API
This feature adds a Controlled Frame API available only to Isolated Web Apps (IWAs). Like similarly-named APIs on other platforms, Controlled Frame allows embedding all content, even third-party content that cannot be embedded in <iframe> . Controlled Frame also allows controlling embedded content with a collection of API methods and events. For more information about Isolated Web Apps, see the Isolated Web Apps explainer .
Nieuwe oorsprongsproeven
In Chrome 140 kun je je aanmelden voor de volgende nieuwe Origin-proefversies .
Voeg de clipboardchange gebeurtenis toe.
De clipboardchange gebeurtenis wordt geactiveerd wanneer een webapplicatie of een andere systeemapplicatie de inhoud van het systeemklembord wijzigt. Hierdoor kunnen webapplicaties, zoals externe bureaubladclients, hun klembord gesynchroniseerd houden met het systeemklembord. Het biedt een efficiënt alternatief voor het continu controleren van het klembord met JavaScript op wijzigingen.
Schakel meldingen voor inkomende oproepen in.
This feature extends the Notifications API to allow installed PWAs to send incoming call notifications—notifications with call-styled buttons and a ringtone. This extension helps VoIP web apps create more engaging experiences by making it easier for users to recognize and answer calling notifications. Additionally, this feature helps bridge the gap between native and web implementations of apps that have them both.
Introduceer de key-value API voor crashrapportage
Deze functie introduceert een nieuwe key-value API, voorlopig genaamd window.crashReport , die gebruikmaakt van een per-document-map met gegevens die aan crashrapporten worden toegevoegd.
De gegevens in de back-endmap van deze API worden verzonden in de CrashReportBody als er een rendererproces op de site vastloopt. Dit stelt ontwikkelaars in staat om te achterhalen welke specifieke status in hun applicatie de oorzaak van een bepaalde crash kan zijn.
Afschrijvingen en verwijderingen
Deze versie van Chrome introduceert de onderstaande afschrijvingen en verwijderingen. Ga naar ChromeStatus.com voor lijsten met geplande afschrijvingen, huidige afschrijvingen en eerdere verwijderingen.
Deze versie van Chrome verwijdert één nieuwe functie.
Schrap de speciale regels voor lettergrootte voor <h1> binnen bepaalde elementen.
De HTML-specificatie bevat een lijst met speciale regels voor <h1> -tags die genesteld zijn binnen <article> , <aside> , <nav> of <section> -elementen.
Deze speciale regels zijn verouderd omdat ze toegankelijkheidsproblemen veroorzaken. Ze verkleinen namelijk visueel de lettergrootte van geneste <h1> -elementen, waardoor ze eruitzien als <h2> -elementen, maar niets in de toegankelijkheidsstructuur weerspiegelt deze visuele wijziging.