Deze pagina is vertaald door de Cloud Translation API.

Nieuw in Chrome 125

Adriana Jara

Dit is wat u moet weten:

Het verankeren van elementen is eenvoudiger dan ooit met CSS Anchor Positioning .
De Compute Pressure API helpt het beschikbare computervermogen te optimaliseren.
Storage Access API is uitgebreid voor meer dan alleen cookie-opslag.
En er is nog veel meer .

Ik ben Adriana Jara. Laten we erin duiken en kijken wat er nieuw is voor ontwikkelaars in Chrome 125.

CSS-ankerpositionering.

Door een element weer te geven dat aan een ander element is verankerd, kunt u UI-patronen maken, zoals het gebruik van een popover als tooltip en deze koppelen aan het element dat deze aanroept.

Met CSS Anchor Positioning kunt u een absoluut gepositioneerd element op een declaratieve manier aan een of meer elementen op de pagina koppelen. Het vereist geen JavaScript en werkt goed als de ankers scrollbaar zijn.

De ankerpositioneringsfunctie bestaat uit een groot aantal CSS-eigenschappen. Een aantal van de belangrijkste eigenschappen zijn als volgt:

anchor-name : Stelt een element in als anker voor andere elementen.
position-anchor : Beschrijft het "standaard" anker dat een verankerd element moet gebruiken voor ankerpositionering.
De functie anchor() : verwijst naar de positie van het ankerelement bij het positioneren van het verankerde element.
inset-area : Een afkorting voor positionering, voor gemeenschappelijke relatieve posities.

Berekeningsdruk-API.

De Compute Pressure API biedt statussen op hoog niveau die de CPU-belasting op het systeem vertegenwoordigen.

Bij het optimaliseren voor een evenwichtig gebruik van computerkracht gebruikt de API de juiste onderliggende hardwarestatistieken om ervoor te zorgen dat gebruikers kunnen profiteren van alle beschikbare verwerkingskracht, zolang het systeem niet onder onbeheersbare stress staat.

Intel leidde het ontwerp- en implementatiewerk voor deze API, waarmee apps voor videoconferenties functies en prestaties dynamisch in evenwicht kunnen brengen.

Bezoek Compute Pressure API voor voorbeelden en meer informatie.

Storage Access API (SAA) uitgebreid naar niet-cookie-opslag.

De Storage Access API is een JavaScript-API die is gemaakt als alternatief voor cross-site cookies, voor insluitingen die afhankelijk zijn van het laden van cross-site bronnen, om indien nodig toegangsrechten aan de gebruiker te vragen.

Deze versie bevat een uitbreiding om de API buiten cookies te gebruiken. Met de extensie heeft u toegang tot niet-gepartitioneerde cookies en niet-cookie-opslag in een context van derden, bijvoorbeeld voor geïndexeerde DB en lokale opslag. De volgende code toont een voorbeeld van het aanvragen van toegang tot indexedDB.

// Request a new storage handle via rSA (this may prompt the user)
let handle = await document.requestStorageAccess({indexedDB : true});

// Open or create an indexedDB that is shared with the 1P context
let messageDB = handle.indexedDB.open("messages");

En meer!

Natuurlijk is er nog veel meer.

Er is een origin-proefversie voor de Device Posture API en de Viewport Segments Enumeration API . Deze API's zijn ontworpen om ontwikkelaars te helpen zich te richten op opvouwbare apparaten.
De CSS-functies met getrapte waarden round() , mod() en rem() zijn toegevoegd, waardoor deze functies in de basislijn nieuw beschikbaar zijn
De Shared Storage API ondersteunt nu het uitvoeren van cross-origin worklets zonder dat u een iframe hoeft te maken.

Lees de volledige releaseopmerkingen .

Verder lezen

Dit behandelt slechts enkele belangrijke hoogtepunten. Controleer de volgende links voor aanvullende wijzigingen in Chrome 125.

Als u op de hoogte wilt blijven, abonneert u zich op het YouTube-kanaal van Chrome Developers . U ontvangt dan een e-mailmelding wanneer we een nieuwe video lanceren.

Yo soy Adriana Jara, en zodra Chrome 126 uitkomt, ben ik hier om je te vertellen wat er nieuw is in Chrome!