Nieuw in Chrome 149

Rachel Andrew

Gepubliceerd: 2 juni 2026

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

Belangrijkste punten uit dit persbericht:

CSS-afstandsdecoraties

Met CSS-gapdecoraties kun je lege ruimtes in containerlay-outs zoals grid en flexbox stylen. Dit zorgt voor consistentie en nieuwe stylingopties die voorheen complexe oplossingen met randen en pseudo-elementen vereisten. Deze functie is compatibel met progressieve verbetering; in browsers die de functie niet ondersteunen, worden lege ruimtes normaal weergegeven zonder decoraties.

Het introduceert eigenschappen zoals column-rule-inset en row-rule-inset om decoraties te verkleinen of te vergroten, en column-rule-visibility-items en row-rule-visibility-items om lijnen alleen tussen aangrenzende items of in elke tussenruimte weer te geven. De breedte, kleur en inzet van de lijnen zijn volledig animeerbaar, waardoor je ze kunt laten overgaan bij hover of andere statuswijzigingen.

Lees meer in het stabiele bericht over CSS-afstandsdecoraties .

WebSockets verbreken bij bfcache-vermelding

Actieve WebSocket-verbindingen voorkomen niet langer dat een pagina in de Back/Forward Cache (bfcache) terechtkomt. Door WebSocket-verbindingen proactief te sluiten bij het binnenkomen van de pagina in de bfcache, in plaats van het document als niet-toegankelijk te markeren, zorgt de browser ervoor dat pagina's met actieve WebSockets in het geheugen worden opgeslagen en direct kunnen worden hersteld.

Voorheen zorgde elke actieve WebSocket-verbinding ervoor dat de browser de pagina negeerde wanneer de gebruiker naar een andere pagina navigeerde, waardoor deze niet in de Back/Forward Cache (bfcache) kon worden opgeslagen.

Intl.Locale.prototype.variants

Het Intl.Locale object vertegenwoordigt een Unicode-locale-identificatie. Het hoofdobject is Baseline Widely available.

Varianten maken deel uit van de hoofdtaalidentificatie en selecteren varianten van een taal die niet door de (taal, regio, schrift)-driehoek kunnen worden onderscheiden. Deze functie is al beschikbaar in Firefox en Safari en nu ook in Chrome.

Bijvoorbeeld:

const locale = new Intl.Locale("sl-rozaj-biske");
console.log(locale.variants); // "rozaj-biske"

Meer informatie vindt u in de MDN-documentatie voor Intl.Locale.prototype.variants .

Verder lezen

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

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 150 uitkomt, laten we je hier meteen weten wat er nieuw is in Chrome!