Nieuw in Chroom 135

Rachel Andreas

Gepubliceerd: 1 april 2025

Chrome 135 wordt nu uitgerold en dit bericht deelt enkele van de belangrijkste functies uit de release. Lees de volledige release-opmerkingen voor Chrome 135 en bekijk ons ​​driemaandelijkse overzicht van alles wat dit jaar tot nu toe is uitgebracht.

Hoogtepunten uit deze uitgave

Er is een hele reeks functies die CSS-carrousels mogelijk maken . Met de attributen command en commandfor kunt u op een declaratieve manier gedrag aan knoppen koppelen. Met de CSS-functie shape() kunt u een vorm definiëren voor de eigenschappen van het clip-path en offset-path .

CSS-carrousels

Er staat een groot aantal CSS-functies in de release-opmerkingen, en veel hiervan zijn verschillende kleine toevoegingen die samen CSS-carrousels mogelijk maken. De belangrijkste kenmerken zijn de nieuwe CSS-pseudo-elementen ::scroll-button() and ::scroll-marker()`, waarmee u een schuifbaar gebied in een carrousel kunt veranderen.

Lees Carrousels met CSS om erachter te komen hoe u deze nieuwe functies kunt gebruiken en om inspiratie op te doen voor uw eigen projecten.

De attributen command en commandfor

Chrome 135 introduceert nieuwe mogelijkheden voor het leveren van declaratief gedrag met de nieuwe command en commandfor attributen, waarbij de popovertargetaction en popovertarget -attributen worden verbeterd en vervangen. Deze nieuwe kenmerken kunnen aan knoppen worden toegevoegd, waardoor de browser enkele kernproblemen rond eenvoud en toegankelijkheid kan aanpakken en ingebouwde gemeenschappelijke functionaliteit kan bieden.

De volgende HTML stelt declaratieve relaties in tussen een knop en het menu, waardoor de browser de logica en toegankelijkheid voor u kan afhandelen. Het is niet nodig om aria-expanded te beheren of extra JavaScript toe te voegen.

<button commandfor="my-menu" command="show-popover">
Open Menu
</button>
<div popover id="my-menu">
  <!-- ... -->
</div>

Lees meer over deze nieuwe attributen in Introductie van command en commandfor .

De CSS shape() functie

De CSS-functie shape() wordt gebruikt om een ​​vorm te definiëren voor de eigenschappen van het clippad en het offsetpad.

De functie shape() gebruikt een reeks opdrachten die ongeveer gelijk zijn aan de opdrachten die worden gebruikt door path() , maar doet dit met een meer standaard CSS-syntaxis en maakt het volledige bereik van CSS-functionaliteit mogelijk, zoals extra eenheden en wiskundige functies. Het zit in Firefox Nightly en Safari 18.4 bèta, dus Baseline Newly zou binnenkort beschikbaar moeten zijn.

En meer!

Natuurlijk is er nog veel meer.

  • De Web Speech API bevat nu MediaStreamTrack ondersteuning.
  • De Float16Array wordt ondersteund en wordt Baseline Nieuw beschikbaar.
  • De Observable API wordt nu ondersteund.

Verder lezen

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

Abonneren

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. Of volg ons op X of LinkedIn voor nieuwe artikelen en blogposts.

Zodra Chrome 135 wordt uitgebracht, zijn we hier om u te vertellen wat er nieuw is in Chrome!