Neu auf der Webplattform im Mai

Hier finden Sie einige der interessanten Funktionen, die im Mai 2025 in stabilen und Betaversionen von Webbrowsern eingeführt wurden.

Rachel Andrew

Veröffentlicht: 29. Mai 2025

Stabile Browserversionen

Im Mai 2025 wurden Firefox 139, Chrome 137 und Safari 18.5 als stabil eingestuft. In diesem Beitrag geht es um die neuen Funktionen, die der Webplattform mit diesen Releases hinzugefügt wurden.

Temporal API

Firefox 139 ist der erste Browser, der die Temporal API unterstützt. Mithilfe der integrierten Zeitzonen- und Kalenderdarstellungen wird die Arbeit mit Datumsangaben und Uhrzeiten in verschiedenen Szenarien vereinfacht.

hidden=until-found und das Ereignis beforematch

Firefox 139 enthält außerdem das HTML-Attribut hidden="until-found" und das Ereignis beforematch. Mit dem Status until-found können Sie den Inhalt eines Elements ausblenden, bis er über die Nutzersuche (z. B. „Auf der Seite suchen“) oder die Fragmentnavigation gefunden wird. Das Ereignis beforematch wird ausgelöst, kurz bevor das Attribut hidden entfernt wird.

Die Methode requestClose()

Jetzt als Standard verfügbar: Mit der Firefox-Version 139 wurde die requestClose()-Methode der HTMLDialogElement-Benutzeroberfläche eingeführt.

Diese Methode unterscheidet sich von der HTMLDialogElement.close()-Methode dadurch, dass zuerst ein cancel-Ereignis und dann ein close-Ereignis ausgelöst wird.

Preisvergleichsportale reading-flow und reading-order

In Chrome 137 werden reading-flow und reading-order ausgeliefert. Mit der CSS-Property reading-flow wird die Reihenfolge gesteuert, in der Elemente in einem Flex-, Grid- oder Blocklayout für Tools zur Barrierefreiheit sichtbar sind und wie sie mithilfe linearer sequenzieller Navigationsmethoden fokussiert werden. Damit wird ein langjähriges Problem mit Raster- und Flex-Layouts behoben, bei dem die Tabulatorreihenfolge nicht mehr mit der Reihenfolge übereinstimmt, in der die Elemente angeordnet sind.

Mit der CSS-Eigenschaft reading-order können Sie die Reihenfolge der Elemente in einem Container für den Lesefluss manuell überschreiben. Wenn Sie diese Eigenschaft in einem Raster-, Flex- oder Blockcontainer verwenden möchten, legen Sie den Wert „reading-flow“ für den Container auf „source-order“ und den Wert „reading-order“ für das einzelne Element auf einen Ganzzahlwert fest.

Weitere Informationen finden Sie unter CSS-Lesefluss für eine logische sequenzielle Fokusnavigation verwenden.

CSS-if()-Funktion

In Chrome 137 bietet die CSS-Funktion if() eine prägnante Möglichkeit, bedingte Werte auszudrücken. Es werden mehrere durch Semikolons getrennte Bedingung/Wert-Paare akzeptiert. Die Funktion wertet jede Bedingung nacheinander aus und gibt den Wert zurück, der mit der ersten wahrheitsgemäßen Bedingung verknüpft ist. Wenn keine der Bedingungen zutrifft, gibt die Funktion einen leeren Tokenstream zurück.

Document-Isolation-Policy

Mit Document-Isolation-Policy, das in Chrome 137 eingeführt wurde, kann ein Dokument crossOriginIsolation für sich selbst aktivieren, ohne dass COOP oder COEP bereitgestellt werden müssen, und unabhängig vom crossOriginIsolation-Status der Seite. Die Richtlinie wird durch die Prozessisolierung unterstützt. Außerdem werden die nicht CORS-kompatiblen Cross-Origin-Unterressourcen des Dokuments entweder ohne Anmeldedaten geladen oder müssen einen CORP-Header haben.

Deklarativer Web-Push

Safari 18.5 enthält hauptsächlich Fehlerkorrekturen. Allerdings wird macOS Declarative Web Push hinzugefügt, eine Funktion, die derzeit nur in Safari verfügbar ist. Weitere Informationen finden Sie im WebKit-Blog unter Meet Declarative Web Push.

Betaversionen von Browsern

Betaversionen von Browsern bieten eine Vorschau auf Funktionen, die in der nächsten stabilen Version des Browsers enthalten sein werden. Jetzt ist der ideale Zeitpunkt, um neue Funktionen oder Änderungen zu testen, die sich auf Ihre Website auswirken könnten, bevor sie allgemein verfügbar sind. Die neuen Betaversionen sind Firefox 140 und Chrome 138.

Firefox 140 enthält einen Teil der Cookie Store API, einer modernen, asynchronen, Promise-basierten Methode zum Verwalten von Cookies, die sowohl im Haupt- als auch in Serviceworker-Threads verwendet werden kann.

Chrome 138 enthält eine Reihe von integrierten KI-APIs: die Summarizer API, die Language Detector API und die Translator API.

Außerdem gibt es in Chrome 138 eine Reihe von CSS-Funktionen, darunter das Größen-Keyword stretch sowie die Funktionen sibling-index() und sibling-count().