Entdecken Sie einige der interessanten Funktionen, die im Juli 2023 in den stabilen und Beta-Webbrowsern eingeführt wurden.
Stabile Browserversionen
Seit Juli 2023 sind Firefox 115 und Chrome 115 stabil. In diesem Beitrag erfahren Sie, was das für die Webplattform bedeutet.
Mehrere Werte für die CSS-Eigenschaft display
Chrome 115 enthält mehrere Werte für die CSS-Eigenschaft display
. Das bedeutet, dass „display: flex
“ zu „display: block flex
“ und „display: block
“ zu „display: block flow
“ wird. Die einzelnen Werte werden als alte Keywords beibehalten und sind jetzt in den drei großen Suchmaschinen verfügbar.
Unterstützte Browser
- 115
- 115
- 70
- 15
Scroll-Animationen
Außerdem gibt es in Chrome 115 die Erweiterungen ScrollTimeline
und ViewTimeline
der Web Animations-Spezifikation. Diese ermöglichen scrollgesteuerte Animationen über CSS und JavaScript.
Privacy Sandbox-APIs
Die APIs für Relevanz und Messung der Privacy Sandbox in Chrome 115. Dazu gehören die Topics, Protected Audience, Attribution Reporting, Private Aggregation, Shared Storage und Fenced Frames APIs.
Weitere Informationen zu diesen APIs finden Sie in den Privacy Sandbox-Demos.
Das Attribut animation-composition
Firefox 115 unterstützt die CSS-Eigenschaft animation-composition
. Unterstützung von animation-composition
in allen drei wichtigen Suchmaschinen einrichten. Weitere Informationen finden Sie im Artikel Festlegen, wie mehrere Animationseffekte mit der Animationszusammensetzung zusammengesetzt werden sollen.
Array-Methoden
Außerdem wird die Interoperabilität mit Firefox 115 um eine Reihe von Methoden für Array
und TypedArray
erreicht. Array.toReversed()
, Array.toSorted()
, Array.toSpliced()
, Array.with()
, TypedArrays.toReversed()
, TypedArrays.toSorted()
und TypedArrays.with()
geben ein neues Array mit Elementen zurück, die oberflächlich kopiert wurden.
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 116 und Chrome 116. Die Betaversion von Safari 17 und Safari 16.6 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.
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.
Teil der Reihe zum Thema „Neu im Web“