Entdecken Sie einige der interessanten Funktionen, die im Dezember 2023 in stabilen und Beta-Webbrowsern eingeführt wurden.
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.
Unterstützte Browser
- 120
- 120
- x
- 17,2
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.
Unterstützte Browser
- 120
- 120
- x
- x
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
text-wrap: balance
text-wrap: stable
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ützte Browser
- 77
- 79
- 121
- 16.4
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.
Unterstützte Browser
- 113
- 113
- 112
- 17,2
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.