Entdecken Sie einige der interessanten Funktionen, die im September 2023 in stabilen und Beta-Webbrowsern eingeführt wurden.
Stabile Browserversionen
Seit September 2023 sind Firefox 118, Safari 17 und Chrome 117 stabil. In diesem Beitrag erfahren Sie, was das für die Webplattform bedeutet.
Der subgrid-Wert für grid-template-columns und grid-template-rows ist in Chrome 117 enthalten, wodurch die Funktion interoperabel ist. Weitere Informationen zu Subgrid finden Sie im Artikel CSS Subgrid.
Chrome bietet außerdem drei neue CSS-Funktionen, mit denen Sie auf einfache Weise Einstiegs- und Exit-Animationen hinzufügen sowie nahtlos zu und von den Elementen, die sich auf der obersten Ebene schließen lassen, wie Dialogen und Pop-overs animieren kann. Weitere Informationen zur Eigenschaft transition-behavior, zur @starting-style-Regel und zur overlay-Eigenschaft finden Sie im Artikel Vier neue CSS-Funktionen für Einstiegs- und Exit-Animationen.
In Chrome 117 wird auch die JavaScript-Arraygruppierung mit den statischen Methoden Object.groupBy und Map.groupBy verwendet.
Safari 17 enthält das Attribut popover, um die Popover API zu unterstützen.
Safari 17 und Firefox 118 enthalten das HTML-Element <search>. Dieses Element steht für die Teile der Seite oder Anwendung, die Funktionen zum Suchen oder Filtern von Inhalten enthalten.
Safari 17 enthält viele neue CSS-Funktionen, einschließlich @counter-style.
Mit dieser Regel können Sie Zählerstile definieren, die außerhalb der vordefinierten Stilliste liegen. Diese Funktion ist jetzt in allen drei Suchmaschinen verfügbar.
Firefox 118 enthält mehrere zusätzliche mathematische CSS-Funktionen: abs(), sign(), round(), mod(), rem(), pow(), sqrt(), hypot(), log() und exp().
Safari 17 unterstützt außerdem HEIC-/HEIF-Bilder und JPEG XL.
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 119, Safari 17.1 und Chrome 118. Diese Releases bieten viele tolle Funktionen auf der Plattform. Details finden Sie in den Versionshinweisen. Hier sind nur ein paar Highlights.
Das <search>-Element, das diesen Monat in Firefox und Safari verfügbar ist, ist in Chrome 118 enthalten. Das bedeutet, dass diese Funktion schnell in allen drei Suchmaschinen verfügbar ist.
Die statischen Methoden Object.groupBy und Map.groupBy sind in Firefox 119 verfügbar.
Chrome 118 enthält CSS-bezogene Stile mit der @scope-Regel und neue Medienfunktionen mit prefers-reduced-transparency und scripting.
Safari 17.1 ist derzeit eine Version, mit der eine Reihe von Problemen auf der Plattform behoben werden können.
Teil der Reihe zum Thema „Neu im Web“