Neu auf der Webplattform im Dezember

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

Rachel Andrew

Stabile Browserversionen

Seit Dezember 2023 sind Firefox 121, Chrome 120 und Safari 17.2 stabil. In diesem Beitrag erfahren Sie, was das für die Webplattform bedeutet.

Lockeres Parsing für CSS-Verschachtelung

Chrome 120 und Safari 17.2 beinhalten lockerndes Parsing für CSS-Verschachtelung. Da dies ab Version 117 in Firefox unterstützt wird, bedeutet dies, dass alle wichtigen Suchmaschinen diese Syntaxänderung unterstützen.

Exklusive Akkordeons mit dem Element <details>

Chrome 120 und Safari 17.2 unterstützen das Attribut name für das Element <details>. Das bedeutet, dass du exklusive Akkordeon-Komponenten erstellen kannst, indem du mehrere <details>-Elemente gruppierst.

Weitere Informationen findest du in der exklusiven Akkordeon-Musik.

Der :has()-Selektor

Firefox 121 enthält den CSS-Selektor :has(). Diese Version macht :has() in allen wichtigen Suchmaschinen interoperabel.

Weitere Informationen findest du unter :has(): Die Familienauswahl.

Die CSS Custom Highlight API

Safari 17.2 enthält die CSS Custom Highlight API, mit der Sie Textbereiche erstellen und gestalten und so die standardmäßigen Pseudoklassen für die Hervorhebung wie ::selection erweitern können.

CloseWatcher API

Chrome 120 enthält die CloseWatcher API, eine neue API zum Überwachen und Beantworten von Schließanfragen. Diese Anfragen werden auf dem Computer über die Taste ESC und unter Android über die Touch-Geste oder Schaltfläche „Zurück“ ausgelöst und lassen sich unter Umständen nur schwer implementieren.

Zusätzlich zur API aktualisiert Chrome 120 <dialog> und das Attribut popover, damit auf die Android-Schaltfläche „Zurück“ reagiert wird.

Preisvergleichsportal text-wrap: balance und stable

Firefox 121 enthält die Werte balance und stable für text-wrap. Der Wert balance eignet sich für kurze Inhaltsblöcke wie Überschriften, um ansprechenderen und leichter lesbaren Text zu erstellen. Mit dem Wert stable wird verhindert, dass bearbeitbare Inhalte sich während der Bearbeitung wiederfinden.

Weitere Informationen zu text-wrap: balance

Lazy Loading von <iframe>-Elementen

Firefox 121 unterstützt das loading-Attribut für <iframe>-Elemente. Das bedeutet, dass Lazy Loading von iFrames jetzt in allen gängigen Suchmaschinen unterstützt wird.

Unterstützung der Easing-Funktion linear()

Safari 17.2 unterstützt außerdem die Easing-Funktion linear(), mit der Spring- und Frühlingseffekte erstellt werden können.

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 122, Chrome 121 und Safari 17.3. Diese Releases bieten viele tolle Funktionen auf der Plattform. Weitere Informationen finden Sie in den Versionshinweisen. Hier ein paar Highlights.

Firefox 122 und Chrome 121 enthalten die Methode showPicker() für HTMLSelectElement. Hier sehen Sie die gleiche Auswahl, die angezeigt würde, wenn das Element ausgewählt wird, aber durch Klicken auf eine Schaltfläche oder eine andere Nutzerinteraktion ausgelöst werden kann.

Chrome 121 bietet die Stileigenschaften scrollbar-color und scrollbar-width der Bildlaufleiste sowie eine verbesserte CSS-Maskierung für SVG und hebt Pseudoelemente für Text hervor, der falsch geschrieben oder grammatikalisch falsch ist.