Nieuw in Chrome 151

Rachel Andrew

Gepubliceerd: 28 juli 2026

Chrome 151 wordt nu uitgerold en in dit bericht worden enkele belangrijke functies van deze release besproken. Lees de volledige release-opmerkingen van Chrome 151 .

Belangrijkste punten uit dit persbericht:

Mogelijkheidselement: <usermedia> MVP

Het <usermedia> -element is de nieuwste toevoeging aan de Capability Elements-reeks, na <geolocation> . Deze overgang van het oorspronkelijke <permission> -voorstel – onderdeel van het PEPC-initiatief – stelt de browser in staat om de unieke complexiteit en het gedrag van verschillende hardwaremogelijkheden effectiever af te handelen. Waar het oorspronkelijke voorstel zich voornamelijk richtte op het beheren van toestemmingsstatussen, zoals toestaan ​​versus weigeren, fungeren Capability Elements als data-bemiddelaars.

Het <geolocation> -element levert een locatieobject aan uw site, en <usermedia> beheert het volledige proces voor toegang tot de camera en microfoon. Het registreert de intentie van de gebruiker, beheert de prompt in de browser en levert het MediaStream object aan de applicatie. Deze verschuiving elimineert de noodzaak voor afzonderlijke getUserMedia() aanroepen, vereenvoudigt de implementatie en zorgt ervoor dat de browser een betrouwbaar signaal ontvangt over de intentie van de gebruiker.

Lees meer in Introductie van het HTML-element <usermedia> .

Declaratieve shadow DOM: shadowrootslotassignment -attribuut

Chrome 151 voegt ondersteuning toe voor het attribuut shadowrootslotassignment op <template> -elementen. Hiermee kunt u declaratieve shadow roots bouwen die handmatige slottoewijzing direct in uw HTML gebruiken.

Tot nu toe was handmatige slottoewijzing alleen mogelijk via een imperatieve methode. Met deze update kunt u shadowrootslotassignment="manual" specificeren in uw shadow root-sjabloon.

Het attribuut accepteert named (het standaardgedrag) en manual en wordt weergegeven door de eigenschap shadowRootSlotAssignment ' op HTMLTemplateElement . Zie voor meer informatie de documentatie over HTMLTemplateElement.shadowRootSlotAssignment op MDN .

Deze eigenschap is al beschikbaar in Firefox en in de Safari 27-bèta, en zal binnenkort standaard beschikbaar zijn.

Zachte navigatie en prestatiemetingen voor interactie

Chrome 151 breidt de tijdlijn voor webprestaties uit met twee nieuwe PerformanceEntry typen: soft-navigation en interaction-contentful-paint . Deze gegevens helpen ontwikkelaars bij het volgen van interactiegedreven prestaties en latentie in single-page applicaties (SPA's), voortbouwend op bestaande Core Web Vitals-statistieken zoals Largest Contentful Paint (LCP) en Interaction to Next Paint (INP).

In een SPA (Single Page Application) leiden JavaScript-gestuurde routeovergangen niet tot een traditionele paginalading in de browser. De soft-navigation ingang registreert deze wijzigingen in de documentgeschiedenis die worden geïnitieerd door gebruikersinteracties. Wanneer een soft-navigatie plaatsvindt, stelt de browser een nieuw tijdstempel in, waardoor u de daaropvolgende prestatiegegevens nauwkeurig kunt toewijzen aan de actieve SPA-route in plaats van aan de oorspronkelijke document-URL.

De entry interaction-contentful-paint meet nieuwe contentful paints binnen DOM-regio's die zijn gewijzigd door een gebruikersinteractie. Dit biedt inzicht in de laadlatentie van interacties, zelfs wanneer contentupdates afhankelijk zijn van asynchrone bewerkingen zoals fetch() -verzoeken.

Je kunt deze nieuwe vermeldingen in je applicatie observeren met behulp van een PerformanceObserver . Het volgende codefragment logt soft navigation-vermeldingen naar de console, inclusief eerdere soft navigations op deze pagina met de buffered-optie:

const observer = new PerformanceObserver(console.log);
observer.observe({ type: "soft-navigation", buffered: true });

Lees de documentatie over soft navigations op Chrome voor ontwikkelaars voor meer informatie over het implementeren en meten van SPA-navigatie.

Verder lezen

Dit is slechts een greep uit de belangrijkste wijzigingen. Raadpleeg de volgende links voor meer informatie over de wijzigingen in Chrome 151:

Abonneren

Om op de hoogte te blijven, abonneer je op het YouTube-kanaal van Chrome Developers . Je ontvangt dan een e-mailmelding zodra we een nieuwe video publiceren. Of volg ons op X of LinkedIn voor nieuwe artikelen en blogberichten.

Zodra Chrome 152 is uitgebracht, laten we je hier meteen weten wat er nieuw is in Chrome!