Entdecken Sie einige der interessanten Funktionen, die im August 2023 in den stabilen und Beta-Webbrowsern eingeführt wurden.
Stabile Browserversionen
Seit August 2023 sind Firefox 116, Firefox 117, Safari 16.6 und Chrome 116 stabil. In diesem Beitrag erfahren Sie, was das für die Webplattform bedeutet.
Firefox 116 unterstützt die Audio Output Devices API auf allen Plattformen außer Android. Mit dieser API können Webanwendungen die Audioausgabe an ein zulässiges Bluetooth-Headset, die Freisprechfunktion oder ein anderes Gerät umleiten, anstatt den Browser oder die zugrunde liegende Standardeinstellung des Betriebssystems verwenden zu müssen.
Chrome 116 enthält CSS-Bewegungspfade. Damit können grafische Objekte entlang eines vom Entwickler vorgegebenen Pfads animiert werden. Dies ermöglicht eine Reihe leistungsstarker neuer Transformationsmöglichkeiten, z. B. das Positionieren mithilfe von Polarkoordinaten (mit der Funktion ray()) anstelle der von der translate()-Funktion verwendeten standardmäßigen rechteckigen Koordinaten oder das Animieren eines Elements entlang eines definierten Pfades. So lassen sich komplexe und schöne räumliche 2D-Übergänge leichter definieren. Ein Pfad kann als circle(), ellipse(), rect(), inset(), xywh(), polygon(), ray() und url() angegeben werden.
In Chrome 116 gibt es außerdem die Document Picture-in-Picture API. Dies ermöglicht ein Always-On-Fenster, das mit beliebigen HTMLElements gefüllt werden kann. Hierbei handelt es sich um eine Erweiterung der vorhandenen HTMLVideoElement API, bei der ein HTMLVideoElement nur in ein Bild-im-Bild-Fenster (BiB) eingefügt werden kann.
Firefox 117 unterstützt CSS-Verschachtelung und &-Verschachtelungsauswahl. Dadurch kann eine Stilregel in eine andere verschachtelt werden. Dadurch ist CSS Nesting mit Einschränkungen interoperabel. Safari und Chrome haben eine ältere Version der Spezifikation implementiert, die eine Verschachtelung von Typselektoren nicht zulässt. Firefox hat die neue Version der Spezifikation implementiert, die den Verschachtelungsselektor & nicht erfordert. Beispiele für beide Versionen finden Sie unter CSS-Verschachtelung verwenden.
Beta-Browser-Releases
Beta-Browser-Versionen bieten eine Vorschau auf Elemente in der nächsten stabilen Version des Browsers. Dies ist ein guter Zeitpunkt, um neue Funktionen zu testen oder die Entfernung von Inhalten zu testen, die sich auf Ihre Website auswirken könnten, bevor die Veröffentlichung weltweit verfügbar ist. Die neuen Betaversionen sind Firefox 118 und Chrome 117. Die Betaversion von Safari 17 läuft noch. Diese Releases bieten viele tolle Funktionen auf der Plattform. Weitere Einzelheiten finden Sie in den Versionshinweisen. Hier sind nur ein paar Highlights.
Zur nächsten Firefox-Version sind noch nicht viele Informationen verfügbar. Allerdings verspricht Chrome 117 einige interessante Funktionen. z. B. einige neue CSS-Funktionen, die Animationen beim Ein- und Beenden ermöglichen.
Der subgrid-Wert für grid-template-columns und grid-template-rows ist in Chrome 117 enthalten, wodurch die Funktion interoperabel ist.
In Chrome 117 wird auch die JavaScript-Arraygruppierung mit den statischen Methoden Object.groupBy und Map.groupBy verwendet.
Die Betaversion von Safari 17 enthält das Attribut popover, mit dem die Popover API unterstützt wird.
Teil der Reihe zum Thema „Neu im Web“