Neu auf der Webplattform seit Oktober

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

Rachel Andrew

Stabile Browserversionen

Seit Oktober 2023 sind Firefox 119, Safari 17.1, Chrome 118 und Chrome 119 stabil. In diesem Beitrag wird beschrieben, was das für die Webplattform bedeutet.

JavaScript-Funktionen in Firefox 119

In Firefox 119 erfolgt die JavaScript-Arraygruppierung mit den statischen Methoden Object.groupBy und Map.groupBy.

In Firefox 119 sind auch die Methoden isWellFormed() und toWellFormed() von String verfügbar. Sie können verwendet werden, um zu prüfen, ob ein String korrekt formatierten Unicode enthält, und um ihn für richtig formatierten Unicode zu bereinigen. Diese Methoden sind jetzt in den drei großen Suchmaschinen interoperabel.

Das HTML-Element <search> ist jetzt interoperabel

Chrome 118 enthält das <search>-Element, ein neues HTML-Element, das die Teile des Dokuments oder der Anwendung darstellt, die für die Suche oder Filterung verwendet werden. Diese Funktion ist jetzt in allen drei wichtigen Suchmaschinen interoperabel.

Horizontale Regeln innerhalb von ausgewählten Elementen

Im Oktober veröffentlichten zwei Versionen von Chrome. In Chrome 119 ist eine kleine Ergänzung der HTML-<select>-Elemente vorhanden. Sie können jetzt eine horizontale Linie zwischen Optionen hinzufügen, die als Trennlinie zwischen den Elementen angezeigt wird. Weitere Informationen finden Sie unter Element auswählen: jetzt mit horizontalen Regeln.

CSS-Bereich festlegen

Chrome 118 enthält CSS mit einem Bereich in der Regel @scope. Mit dieser Regel können Sie Elemente in einer Unterstruktur des DOMs auswählen. Weitere Informationen finden Sie unter Reichweite von Selektoren mit dem CSS-@scope at-rule einschränken.

CSS bevorzugt-Reduzierte-Transparenz

Chrome 118 enthält die Medienfunktion prefers-reduced-transparency. Dies ist eine von mehreren Funktionen, mit denen Sie die von einem Nutzer auf seinem Gerät festgelegten Einstellungen prüfen und auf diese Anforderungen in Ihrem Code reagieren können. Weitere Informationen zu dieser Funktion finden Sie unter CSS bevorzugt-reduziert-reduzierte-transparency.

Syntax der relativen CSS-Farbe

Chrome 119 ist eine leistungsstarke neue Funktion von CSS Color 5, also die relative Farbsyntax. So können Sie eine Farbe von einer anderen Farbe ableiten und dabei einen beliebigen Farbraum oder eine beliebige Syntax verwenden.

WebAssembly-automatische Speicherbereinigung (WasmGC)

Chrome 119 enthält WasmGC, um die Arbeit mit Sprachen für die automatische Speicherbereinigung wie Kotlin, PHP oder Java in WebAssembly zu beschleunigen. Sie finden alle Details in WebAssembly Garbage Collection (WasmGC) jetzt standardmäßig in Chrome aktiviert.

Beta-Browser-Releases

Betaversionen des Browsers liefern Ihnen eine Vorschau auf Elemente, die sich in der nächsten stabilen Version des Browsers befinden werden. Dies ist ein guter Zeitpunkt, um neue Funktionen zu testen oder zu entfernen, die sich auf deine Website auswirken könnten, bevor die Veröffentlichung weltweit verfügbar ist. Die neuen Betaversionen sind Firefox 120 und Safari 17.2. Diese Releases bieten viele tolle Funktionen auf der Plattform. Weitere Informationen finden Sie in den Versionshinweisen. Hier ein paar Highlights.

Safari 17.2 enthält viele neue Funktionen. Für CSS werden die CSS Custom Highlight API, die mask-border-Eigenschaften, die counter-set-Eigenschaft und viele andere Funktionen unterstützt. Darüber hinaus wurden viele Fehler an vorhandenen Funktionen behoben, um die Interoperabilität zu verbessern.

Für HTML bietet Safari 17.2 Unterstützung für das Attribut name für das Element <details>. In Web-APIs wird die Abrufpriorität unterstützt und responsive Bilder sind jetzt in <link rel=preload> aktiviert.

Firefox 120 unterstützt die CSS-Einheiten rh und rlh, text-wrap: balance und die Funktion light-dark().

Teil der Reihe zum Thema „Neu im Web“