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. Das sorgt für Konsistenz und bietet neue Formatierungsoptionen, für die bisher komplexe Hacks mit Rahmen und Pseudoelementen erforderlich waren. Diese Funktion ist für Progressive Enhancement geeignet. In nicht unterstützten Browsern werden Lücken normal 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 Trennlinien 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 beim Speichern im Back-Forward-Cache trennen

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

Bisher hat jede aktive WebSocket-Verbindung den Browser gezwungen, die Seite zu verwerfen, wenn der Nutzer sie verlassen hat. Dadurch konnte sie nicht im Back-Forward-Cache (bfcache) gespeichert werden.

Intl.Locale.prototype.variants

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

Varianten sind Teil der Hauptsprachkennung und wählen Varianten einer Sprache aus, die durch das (Sprache, Region, Schrift)-Tupel 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

Dies sind nur einige wichtige Highlights. Unter den folgenden Links finden Sie weitere Änderungen in Chrome 149.

Abonnieren

Wenn Sie auf dem neuesten Stand 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. Oder folgen Sie uns auf X oder LinkedIn, um neue Nachrichtenartikel und Blogposts zu erhalten.

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