Neu in Chrome 149

Rachel Andrew

Veröffentlicht am 2. Juni 2026

Chrome 149 wird jetzt eingeführt. In diesem Beitrag werden einige der wichtigsten Funktionen des Releases vorgestellt. Vollständige Versionshinweise zu Chrome 149

Highlights dieser Version:

CSS-Lückendekorationen

Mit CSS-Lückendekorationen können Sie Lücken in Containerlayouts wie Grid und Flexbox gestalten. So erhalten Sie Konsistenz und neue Formatierungsoptionen, für die zuvor komplexe Hacks mit Rahmen und Pseudoelementen erforderlich waren. Diese Funktion ist für Progressive Enhancement geeignet. In nicht unterstützten Browsern werden Lücken ohne Dekorationen gerendert.

Es werden Eigenschaften wie column-rule-inset und row-rule-inset eingeführt, um Dekorationen zu verkleinern oder zu verlängern, sowie column-rule-visibility-items und row-rule-visibility-items, um Linien nur zwischen benachbarten Elementen oder in jeder Lücke anzuzeigen. Regelbreite, ‑farbe und ‑einzüge lassen sich vollständig animieren, sodass Sie sie bei Mauszeigerbewegungen oder anderen Statusänderungen überblenden können.

Weitere Informationen

WebSockets bei bfcache-Eintrag trennen

Aktive WebSocket-Verbindungen verhindern nicht mehr, dass eine Seite im Back-Forward-Cache (bfcache) gespeichert wird. Wenn WebSocket-Verbindungen beim BFCache-Eintrag proaktiv geschlossen werden, anstatt das Dokument als nicht geeignet zu markieren, kann der Browser Seiten mit aktiven WebSockets im Arbeitsspeicher speichern und sofort wiederherstellen.

Bisher wurde die Seite vom Browser verworfen, wenn der Nutzer sie verließ, sobald eine aktive WebSocket-Verbindung bestand. Dadurch konnte sie nicht im Back/Forward-Cache (bfcache) gespeichert werden.

Intl.Locale.prototype.variants

Das Intl.Locale-Objekt stellt eine Unicode-Sprach-ID dar. Das Hauptobjekt ist „Baseline Widely available“.

Varianten sind Teil des Hauptsprachbezeichners und wählen Varianten einer Sprache aus, die durch das (Sprache, Region, Schriftart)-Triple nicht unterschieden werden können. Diese Funktion ist bereits in Firefox und Safari verfügbar und jetzt auch in Chrome.

Beispiel:

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

Weitere Informationen finden Sie in der MDN-Dokumentation zu Intl.Locale.prototype.variants.

Weitere Informationen

Hier werden nur einige wichtige Highlights behandelt. Unter den folgenden Links finden Sie weitere Änderungen in Chrome 149.

Abonnieren

Wenn Sie immer auf dem Laufenden bleiben möchten, abonnieren Sie den YouTube-Kanal von Chrome Developers. Sie erhalten dann eine E-Mail-Benachrichtigung, wenn wir ein neues Video veröffentlichen. Sie können uns auch auf X oder LinkedIn folgen, um neue Artikel und Blogposts zu erhalten.

Sobald Chrome 150 veröffentlicht wird, informieren wir Sie hier über die Neuerungen in Chrome.