Entdecken Sie einige der interessanten Funktionen, die im Oktober 2023 in stabilen und Beta-Webbrowsern eingeführt wurden.
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.
Unterstützte Browser
- 118
- 118
- x
- 17,4
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“