Chrome 142 bèta

Rachel Andrew

Gepubliceerd: 1 oktober 2025

Tenzij anders vermeld, gelden deze wijzigingen voor de Chrome 142 bètaversie voor Android, ChromeOS, Linux, macOS en Windows. Meer informatie over deze functies vindt u via de meegeleverde links of op ChromeStatus.com. Download Chrome 142 bèta van Google.com voor desktop of de Google Play Store voor Android.

CSS en UI

:target-before en :target-after pseudo-klassen

Deze pseudo-klassen komen overeen met scrollmarkeringen die zich vóór of na de actieve markering bevinden (overeenkomend met :target-current ) binnen dezelfde scrollmarkeringsgroep, zoals bepaald door de volgorde van de platte boomstructuur:

• :target-before : Komt overeen met alle scrollmarkeringen die voorafgaan aan de actieve markering in de platte boomstructuur binnen de groep.
• :target-after : Komt overeen met alle scrollmarkeringen die na de actieve markering in de platte boomstructuur binnen de groep komen.

Absolute positionering voor het ::view-transition element

Weergaveovergangen maken gebruik van een pseudo-substructuur van het element, waarbij ::view-transition de wortel van die overgang is. Voorheen had het ::view-transition element de eigenschap position: fixed . De CSS Working Group heeft besloten om dit ` position: absolute te maken, en Chrome weerspiegelt deze wijziging nu.

Deze verandering zou niet merkbaar moeten zijn, omdat het omringende blok van dit element hetzelfde blijft als het blok dat de momentopname bevat, zowel in het absolute als in het vaste geval. Het enige merkbare verschil zit in getComputedStyle .

activeViewTransition eigenschap op document

De View Transitions API stelt ontwikkelaars in staat om visuele overgangen tussen verschillende staten te starten. Het primaire toegangspunt voor SPA's is startViewTransition() , die een overgangsobject retourneert. Dit object bevat verschillende promises en functionaliteit om de voortgang van de overgang te volgen en stelt je in staat om overgangen te manipuleren, bijvoorbeeld door de overgang over te slaan of het type ervan te wijzigen.

Vanaf Chrome versie 142 hoeven ontwikkelaars dit object niet meer op te slaan. Een document.activeViewTransition eigenschap vertegenwoordigt dit object, of null als er geen overgang gaande is.

Dit geldt ook voor MPA-overgangen, waarbij het object alleen beschikbaar is via de gebeurtenissen pageswap en pagereveal . In deze update wordt document.activeViewTransition ingesteld op dit object gedurende de overgang.

Bereiksyntaxis voor query's op stijlcontainers en if()

Chrome verbetert CSS-stijlquery's en de if() functie door ondersteuning voor bereiksyntaxis toe te voegen.

Het breidt stijlquery's uit tot voorbij het exact matchen van waarden (bijvoorbeeld style(--theme: dark) ). Ontwikkelaars kunnen vergelijkingsoperatoren (zoals > en < ) gebruiken om aangepaste eigenschappen, letterlijke waarden (bijvoorbeeld 10px of 25%) en waarden van substitutiefuncties zoals attr() en env() te vergelijken. Voor een geldige vergelijking moeten beide zijden naar hetzelfde gegevenstype verwijzen. Het is beperkt tot de volgende numerieke typen: <length> , <number> , <percentage> , <angle> , <time> , <frequency> en <resolution> .

Voorbeelden:

Vergelijk een aangepaste eigenschap met een letterlijke lengte:

@container style(--inner-padding > 1em) {
  .card {
    border: 2px solid;
  }
}

Vergelijk twee letterlijke waarden

@container style(1em < 20px) {
  /* ... */
}

Stijlbereiken gebruiken in if() :

.item-grid {
  background-color: if(style(attr(data-columns, type<number>) > 2): lightblue; else: white);
}

Interesse-oproepers (het attribuut interestfor )

Chrome voegt een interestfor attribuut toe aan <button> en <a> -elementen. Dit attribuut voegt "interesse"-gedrag toe aan het element. Wanneer een gebruiker "interesse toont" in het element, worden acties geactiveerd op het betreffende element, bijvoorbeeld het weergeven van een pop-upvenster. De user agent detecteert wanneer een gebruiker "interesse toont" in het element door middel van methoden zoals het ingedrukt houden van de muiswijzer boven het element, het indrukken van speciale sneltoetsen op het toetsenbord of het lang ingedrukt houden van het element op een touchscreen. Wanneer interesse wordt getoond of verloren gaat, wordt een InterestEvent geactiveerd op het betreffende element, dat standaardacties heeft voor pop-upvensters, zoals het weergeven en verbergen van het pop-upvenster.

De eigenschap font-language-override

Chrome biedt nu ondersteuning voor de CSS-eigenschap ` font-language-override . Met deze eigenschap kunnen ontwikkelaars de systeemtaal die wordt gebruikt voor OpenType-glyphvervanging overschrijven door rechtstreeks in CSS een taaltag van vier tekens op te geven.

Het maakt nauwkeurige typografische controle mogelijk, wat vooral handig is voor meertalige content of lettertypen met taalspecifieke tekenvarianten.

Het download attribuut in het SVG <a> -element

Chrome introduceert ondersteuning voor het download attribuut in de SVGAElement interface, in lijn met de SVG 2-specificatie. Met het download attribuut kunnen ontwikkelaars aangeven dat het doel van een SVG-hyperlink gedownload moet worden in plaats van ernaartoe te navigeren. Dit weerspiegelt het gedrag dat al wordt ondersteund in HTMLAnchorElement . Het bevordert de interoperabiliteit tussen de belangrijkste browsers, zorgt voor consistent gedrag tussen HTML- en SVG <a> elementen en verbetert de ontwikkelaarservaring en de verwachtingen van gebruikers.

Gelijke weergavemodi voor mobiele apparaten en desktops voor bepaalde elementen.

Door gebruik te maken van de attributen size en multiple kan het <select> `-element worden weergegeven als een lijstvak op de pagina of als een knop met een pop-up. Deze weergavemodi zijn echter niet consistent beschikbaar in Chrome voor mobiele apparaten en desktops. Weergave als lijstvak op de pagina is niet beschikbaar op mobiele apparaten en weergave als knop met pop-up is niet beschikbaar op desktops wanneer het multiple attribuut aanwezig is.

Deze update voegt een keuzelijst toe aan mobiele apparaten en een pop-upvenster voor meervoudige selectie aan desktops. Daarnaast zorgt de update ervoor dat opt-ins met de size en multiple attributen op zowel mobiele apparaten als desktops op dezelfde manier worden weergegeven. De wijzigingen worden als volgt samengevat:

• Als het attribuut size een waarde heeft die groter is dan 1 , wordt altijd in-page rendering gebruikt. Mobiele apparaten negeerden dit voorheen.
• Wanneer het attribuut multiple is ingesteld zonder size attribuut, wordt rendering binnen de pagina gebruikt. Mobiele apparaten gebruikten voorheen een pop-up in plaats van een lijstvak binnen de pagina.
• Wanneer het attribuut multiple is ingesteld op size=1 , wordt een pop-upvenster gebruikt. Desktopapparaten gebruikten voorheen een lijstvak op de pagina zelf.

Permanente gebruikersactivering bij navigaties die door dezelfde renderer worden geïnitieerd.

Chrome behoudt de actieve gebruikersstatus nadat een pagina naar een andere pagina van dezelfde oorsprong navigeert. Het ontbreken van gebruikersactivering op de pagina na de navigatie verhindert bepaalde gebruiksscenario's, bijvoorbeeld het weergeven van virtuele toetsenborden bij autofocus. Dit heeft ontwikkelaars die MPA's willen bouwen bovenop SPA's in de weg gezeten.

Dit omvat niet door de browser geïnitieerde navigatieverzoeken (herladen, navigatie door de geschiedenis, ingevoerde URL in de adresbalk, enzovoort).

Web-API's

WebGPU: primitive_index -functie

WebGPU voegt een nieuwe optionele mogelijkheid toe die een nieuwe ingebouwde WGSL-shaderfunctie beschikbaar maakt: primitive_index . Deze functie biedt een index per primitief aan fragmentshaders op ondersteunde hardware, vergelijkbaar met de ingebouwde functies vertex_index en instance_index . De primitieve index is nuttig voor geavanceerde grafische technieken, zoals gevirtualiseerde geometrie.

WebGPU: Textuurformaten tier1 en tier2

Breid de ondersteuning voor GPU-textuurformaten uit met mogelijkheden zoals render attachment, blending, multisampling, resolve en storage_binding.

De eigenschap DataTransfer voor de invoergebeurtenissen insertFromPaste , insertFromDrop en insertReplacementText

Vul de eigenschap dataTransfer bij invoergebeurtenissen met inputType waarden van insertFromPaste , insertFromDrop en insertReplacementText om toegang te bieden tot klembord- en sleepgegevens tijdens bewerkingsbewerkingen in contenteditable-elementen.

Het dataTransfer object bevat dezelfde gegevens die beschikbaar waren tijdens de beforeinput gebeurtenis.

Deze functie is alleen van toepassing op contenteditable elementen. Voor formulierbesturingselementen (textarea , input ) blijft het gedrag ongewijzigd.

Deze eigenschap zorgt ervoor dat Chrome samenwerkt met Safari en Firefox.

Mediasessie: voeg een reden toe voor de details enterpictureinpicture -actie.

Voegt enterPictureInPictureReason toe aan de MediaSessionActionDetails die naar de enterpictureinpicture actie in de Media Session API worden verzonden. Hierdoor kunnen ontwikkelaars onderscheid maken tussen enterpictureinpicture acties die expliciet door de gebruiker worden geactiveerd (bijvoorbeeld via een knop in de user agent) en enterpictureinpicture acties die automatisch door de user agent worden geactiveerd omdat de inhoud wordt afgedekt.

Web Speech API contextuele bias

Deze update stelt websites in staat om contextuele bias voor spraakherkenning te ondersteunen door een lijst met herkenningszinnen toe te voegen aan de Web Speech API.

Ontwikkelaars kunnen een lijst met zinnen aanleveren en deze bijwerken om een ​​voorkeur toe te passen op de spraakherkenningsmodellen ten gunste van die zinnen. Dit helpt de nauwkeurigheid en relevantie te verbeteren voor domeinspecifieke en gepersonaliseerde spraakherkenning.

Strengere *+json MIME-tokenvalidatie voor JSON-modules

JSON-modulescriptreacties waarvan het MIME-type of subtype niet-HTTP-tokencodepunten bevat (bijvoorbeeld spaties) worden afgewezen wanneer ze worden vergeleken met *+json . Dit is in lijn met de MIME Sniffing-specificatie en andere engines. Het maakt deel uit van het focusgebied Interop2025-modules.

FedCM—Ondersteuning voor het weergeven van iframes van derden in de gebruikersinterface

Vóór Chrome 142 toonde FedCM altijd de hoofdsite in de gebruikersinterface.

Dit werkt goed wanneer de iframe conceptueel gezien een eigen website is (bijvoorbeeld, foo.com zou een iframe foostatic.com kunnen hebben, wat voor de gebruiker niet relevant is).

Maar als de iframe daadwerkelijk van een derde partij afkomstig is, is het beter om de herkomst van de iframe in de gebruikersinterface weer te geven, zodat gebruikers beter begrijpen met wie ze hun inloggegevens delen. Een fotobewerkingsprogramma kan bijvoorbeeld zijn ingebed in een webapplicatie voor het publiceren van boeken en gebruikers toegang willen geven tot bestanden die ze eerder met het programma hebben opgeslagen. Deze functionaliteit is nu beschikbaar.

Oorsprong-gecodeerde procesisolatie

Wijzigt het procesisolatiebeleid van het vergrendelen van processen aan een site (bijvoorbeeld example.com ) naar het vergrendelen ervan aan een specifieke oorsprong (bijvoorbeeld foo.example.com ).

Om de beveiliging verder te verbeteren, stapt Chrome over op een gedetailleerder model voor procesisolatie, genaamd "Origin Isolation". Chrome gebruikte voorheen "Site Isolation", waarbij verschillende origins van dezelfde site, bijvoorbeeld a.example.com en b.example.com , werden gegroepeerd in één rendererproces.

Met Origin Isolation wordt elke individuele oorsprong (zoals https://foo.example.com ) geïsoleerd in een eigen rendererproces. Dit versterkt de beveiligingsarchitectuur van Chrome door procesgrenzen af ​​te stemmen op het fundamentele, op oorsprong gebaseerde beveiligingsmodel van het web, waardoor een betere bescherming wordt geboden tegen potentiële kwetsbaarheden binnen websites.

Interoperabele pointerrawupdate gebeurtenissen worden alleen in beveiligde contexten weergegeven.

De PointerEvents-specificatie beperkte pointerrawupdate in 2020 tot beveiligde contexten, waardoor zowel het activeren van de gebeurtenis als de globale gebeurtenislisteners verborgen bleven voor onveilige contexten. Met deze update voldoet Chrome aan de bijgewerkte specificatie en wordt het compatibel met andere belangrijke browsers.

Origin-proeven zijn gaande.

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

Apparaatgebonden sessiegegevens

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

Het stelt servers in staat om een ​​sessie veilig aan een apparaat te koppelen. De browser vernieuwt de sessie periodiek wanneer de server daarom vraagt, met bewijs van het bezit van een privésleutel.

TCP-socketpool per top-level-site

Dit experiment evalueert de impact van het wijzigen van de TCP-socketpoolgrootte per profiel van 256 (de standaardwaarde) naar 513, met een limiet van 256 per top-level-site (om te voorkomen dat twee tabbladen de pool volledig uitputten). De haalbaarheid van het verhogen van de limiet per profiel naar 512 werd onderzocht en leverde geen negatieve resultaten op. De limiet van 256 per top-level-site is gelijk aan de standaardlimiet per profiel, dus dit zou geen negatieve invloed op de prestaties mogen hebben. Deze limieten worden onafhankelijk van elkaar ingesteld voor de WebSocket-pool en de normale (HTTP) socketpool.

Het is de bedoeling dit experiment direct te starten als er geen negatieve effecten optreden.