Neu auf der Webplattform seit Oktober

Hier finden Sie einige der interessanten Funktionen, die im Oktober 2025 in stabilen und Beta-Webbrowsern eingeführt wurden.

Rachel Andrew

Veröffentlicht: 30. Oktober 2025

Stabile Browserversionen

Chrome 142 und Firefox 144 wurden im Oktober in der stabilen Version veröffentlicht. In diesem Beitrag wird erläutert, was das für die Webplattform bedeutet.

View Transitions API für Single-Page-Apps

Firefox 144 unterstützt Ansichtsübergänge im selben Dokument. Dazu gehört die Unterstützung für:

• Die Pseudoklasse :active-view-transition
• Die view-transition-class-Property
• Die view-transition-name-Property
• Das Pseudoelement ::view-transition
• Das Pseudoelement ::view-transition-group()
• Das Pseudoelement ::view-transition-image-pair()
• Das Pseudoelement ::view-transition-new()
• Das Pseudoelement ::view-transition-old()

Dadurch wird Übergänge für Ansichten im selben Dokument zur Baseline-Funktion.

Die Attribute command und commandfor für das Element <button>

Firefox 144 unterstützt command und commandfor. Weitere Informationen zu diesen Attributen finden Sie unter Einführung von command und commandfor.

Die Methode moveBefore()

Die Methode moveBefore() wird jetzt von Firefox auf den Schnittstellen Element, DocumentFragment und Document unterstützt. So können Sie ein direkt untergeordnetes Element des Objekts vor ein anderes untergeordnetes Element verschieben, wobei beide Elemente ihren Status beibehalten.

Weitere Informationen

Pseudoklassen :target-before und :target-after

In Chrome 142 werden Pseudoklassen hinzugefügt, die mit Scrollmarkierungen übereinstimmen, die sich in derselben Scrollmarkierungsgruppe vor oder nach der aktiven Markierung (entspricht :target-current) befinden, wie durch die Reihenfolge des flachen Baums bestimmt:

• :target-before: Entspricht allen Scrollmarkierungen, die in der Reihenfolge des flachen Baums innerhalb der Gruppe vor der aktiven Markierung stehen.
• :target-after: Entspricht allen Scrollmarkierungen, die in der Gruppe in der Reihenfolge des flachen Baums auf die aktive Markierung folgen.

Bereichssyntax für Stilcontainerabfragen und if()

In Chrome 142 werden CSS-Stilabfragen und die Funktion if() durch die Unterstützung der Bereichssyntax verbessert.

Damit können Stilabfragen über den genauen Wertabgleich hinaus erweitert werden (z. B. style(--theme: dark)). Entwickler können Vergleichsoperatoren wie > und < verwenden, um benutzerdefinierte Eigenschaften, Literalwerte (z. B. 10 px oder 25%) und Werte aus Ersetzungsfunktionen wie attr() und env() zu vergleichen. Für einen gültigen Vergleich müssen beide Seiten denselben Datentyp ergeben. Sie ist auf die folgenden numerischen Typen beschränkt: <length>, <number>, <percentage>, <angle>, <time>, <frequency> und <resolution>.

Aufrufer für Interessen (das Attribut interestfor)

In Chrome 142 wird den Elementen <button> und <a> auch das Attribut interestfor hinzugefügt. Mit diesem Attribut werden dem Element „Interesse“-Verhaltensweisen hinzugefügt. Wenn ein Nutzer Interesse zeigt, werden Aktionen für das Zielelement ausgelöst, z. B. das Einblenden eines Popovers.

Der User-Agent erkennt, wenn ein Nutzer Interesse an dem Element zeigt, z. B. indem er den Mauszeiger darauf bewegt, bestimmte Tastenkombinationen auf der Tastatur drückt oder das Element auf Touchscreens lange drückt. Wenn Interesse gezeigt oder verloren wird, wird ein InterestEvent für das Ziel ausgelöst, das Standardaktionen für Pop-overs hat, z. B. das Ein- und Ausblenden des Pop-overs.

Betaversionen von Browsern

Betaversionen von Browsern bieten eine Vorschau auf die nächste stabile Version des Browsers. Das ist ein guter Zeitpunkt, um neue Funktionen oder Entfernungen zu testen, die sich auf Ihre Website auswirken könnten, bevor die Änderungen für alle Nutzer eingeführt werden. Die neuen Betas in diesem Monat sind Firefox 145 und Chrome 143. Die Beta für Safari 26.1 läuft noch.

Firefox 145 enthält das Attribut source der Schnittstelle ToggleEvent und die statische Methode Atomics.waitAsync().

Chrome 145 enthält CSS-Containerabfragen mit Anker-Fallback. Damit wird @container anchored(fallback) eingeführt, um untergeordnete Elemente von ankerpositionierten Elementen basierend auf dem angewendeten position-try-fallbacks-Wert zu gestalten.