Neu auf der Webplattform seit Oktober

Informiere dich über 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 geht es darum, was das für die Webplattform bedeutet.

JavaScript-Funktionen in Firefox 119

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

Unterstützte Browser

  • 117
  • 117
  • 119
  • 17,4

Quelle

In Firefox 119 sind auch die Methoden isWellFormed() und toWellFormed() von String verfügbar. Damit können Sie prüfen, ob ein String korrekt formatierten Unicode enthält, und einen String nach korrektem Unicode bereinigen. Diese Methoden sind jetzt in den drei Haupt-Engines interoperabel.

Unterstützte Browser

  • 111
  • 111
  • 119
  • 16.4

Quelle

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 zum Suchen oder Filtern verwendet werden. Diese Funktion ist jetzt in den drei Haupt-Engines interoperabel.

Unterstützte Browser

  • 118
  • 118
  • 118
  • 17

Quelle

Horizontale Regeln innerhalb von select-Elementen

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

CSS-Gültigkeitsbereich

Chrome 118 enthält CSS-Bereiche mit der Regel @scope. Diese Regel bietet eine Möglichkeit, Elemente innerhalb einer Unterstruktur des DOMs auszuwählen. Weitere Informationen finden Sie unter Reichweite von Selektoren mit CSS @scope at-rule einschränken.

Unterstützte Browser

  • 118
  • 118
  • x
  • 17,4

Quelle

CSS bevorzugt-verringerte-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 entsprechend in Ihrem Code entsprechend reagieren können. Weitere Informationen zu dieser Funktion finden Sie unter CSS prefers-reduced-transparency.

Unterstützte Browser

  • 118
  • 118
  • x

Quelle

Relative CSS-Farbsyntax

In Chrome 119 ist eine leistungsstarke neue Funktion von CSS Color 5 verfügbar – die relative Farbsyntax. Auf diese Weise können Sie eine Farbe von einer anderen Farbe ableiten, indem Sie einen beliebigen Farbraum oder eine beliebige Syntax verwenden.

Automatische WebAssembly-Bereinigung (WasmGC)

Chrome 119 enthält WasmGC, um die Arbeit mit Sprachen mit automatischer Speicherbereinigung wie Kotlin, PHP oder Java in WebAssembly schneller zu machen. Sie finden alle Details in der WebAssembly Garbage Collection (WasmGC), die jetzt standardmäßig in Chrome aktiviert ist.

Betaversionen des Browsers

Beta-Browserversionen bieten Ihnen eine Vorschau auf Dinge, die in der nächsten stabilen Version des Browsers enthalten sein werden. Dies ist eine gute Gelegenheit, neue Funktionen oder Löschungen zu testen, die sich auf deine Website auswirken könnten, bevor diese Funktion veröffentlicht wird. Die neuen Betaversionen sind Firefox 120 und Safari 17.2. Diese Releases bieten viele tolle Funktionen auf der Plattform. Einzelheiten finden Sie in den Versionshinweisen. Hier sind nur einige der Highlights.

Safari 17.2 enthält viele neue Funktionen. Für CSS wird die CSS Custom Highlight API, die mask-border-Eigenschaften, die counter-set-Eigenschaft und viele weitere Funktionen unterstützt. Außerdem wurden viele bestehende Funktionen verbessert, um die Interoperabilität zu verbessern.

Safari 17.2 unterstützt für HTML das Attribut name für das Element <details>. Und in Web-APIs gibt es Unterstützung für die Abrufpriorität und responsive Bilder in <link rel=preload>.

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

Teil der Reihe Neues im Web