Hier finden Sie einige der interessanten Funktionen, die im Januar 2025 in stabilen und Beta-Webbrowsern eingeführt wurden.
Veröffentlicht: 29. Januar 2025
Stabile Browserversionen
Im Januar 2025 wurden Firefox 134, Safari 18.3 und Chrome 132 stabil. In diesem Beitrag geht es um die neuen Funktionen, die der Webplattform hinzugefügt wurden.
Promise.try
ist jetzt als Baseline verfügbar
Promise.try
ist eine praktische Methode, die die Fehlerbehandlung für synchrone Callback-Funktionen vereinfacht. Sie ist ab Firefox 134 verfügbar und damit als Baseline neu. Weitere Informationen finden Sie unter Promise.try
ist jetzt als Baseline verfügbar.
CSS-Ausrichtungseigenschaften für absolut positionierte Elemente
Außerdem werden in Firefox 134 die CSS-Properties align-self
und justify-self
sowie die CSS-Kurzschreibweise place-self
für absolut positionierte Elemente unterstützt.
Browser Support
Schreibmodi für Preisvergleichsportale im Querformat
In Chrome 132 werden die Keywords sideways-rl
und sideways-lr
für die CSS-Eigenschaft writing-mode
unterstützt. Die Tasten sideways-rl
und sideways-lr
sind hilfreich, um nicht-CJK-Text vertikal zu schreiben, wenn Sie vertikalen Text aus Designgründen anzeigen möchten.
Browser Support
Fehlerkorrekturen bei der mobilen Unterstützung von Pop-ups
Mit Safari 18.3 werden verschiedene Probleme mit der Interoperabilität behoben. Ein wichtiges Problem ist die Behebung von Pop-ups. Bisher konnte das Pop-over unter iOS und iPadOS nicht durch Berühren oder Klicken außerhalb des Pop-overs geschlossen werden. Dieses Problem wurde inzwischen behoben.
Request.bytes()
und Response.bytes()
sind Baseline (neu verfügbar)
In Chrome 132 wird den Request
- und Response
-Schnittstellen von Fetch die Methode bytes()
hinzugefügt, die ein Versprechen zurückgibt, das mit einem Uint8Array
aufgelöst wird.
Request
und Response
haben zwar eine arrayBuffer()
-Methode, aber es ist nicht möglich, direkt aus einem Puffer zu lesen.
Sie müssen eine Ansicht wie eine Uint8Array
erstellen, um sie zu lesen.
Die bytes()
-Methode verbessert die Ergonomie beim Aufrufen des Körpers von Request
und Response
.
Device Posture API
Chrome 132 enthält die Device Posture API, die beim Entwerfen von Designs für faltbare Displays helfen soll.
Diese Implementierung umfasst eine neue device-posture
-Medienfunktion für Preisvergleichsportale, mit der die aktuelle Position des Geräts erkannt werden kann. Außerdem enthält es eine JavaScript-Benutzeroberfläche, mit der Haltungsänderungen erkannt und darauf reagiert werden können.
Körperhaltungen sind definiert als:
continuous
: Gibt einen flachen Bildschirm an. Dies kann ein faltbares Gerät sein, wenn es flach verwendet wird, sowie flache oder gewölbte Bildschirme.folded
: Gibt ein zusammengeklapptes Display an. Dies kann auch ein faltbares Gerät sein, das wie ein Buch oder Laptop verwendet wird.
Browser Support
WebAuthn Signal API
Chrome 132 enthält außerdem die WebAuthn Signal API, mit der WebAuthn-Abhängige Informationen zu vorhandenen Anmeldedaten an Anbieter von Anmeldedatenspeichern zurücksenden können, damit fehlerhafte oder widerrufene Anmeldedaten aktualisiert oder aus der Anbieter- und System-UI entfernt werden können.
Weitere Informationen zur Signal API für Passkeys auf dem Computer
Betaversionen von Browsern
Betaversionen von Browsern bieten eine Vorschau auf Funktionen, die in der nächsten stabilen Version des Browsers enthalten sein werden. Jetzt ist der ideale Zeitpunkt, um neue Funktionen oder Änderungen zu testen, die sich auf Ihre Website auswirken könnten, bevor sie allgemein verfügbar sind. Die neuen Betaversionen sind Firefox 135 und Chrome 133. Diese Releases bringen viele tolle Funktionen auf die Plattform. Weitere Informationen findest du in den Versionshinweisen. Hier sind nur einige Highlights.
Chrome 133 ist eine spannende Version für CSS. Dazu gehören die erweiterte attr()
-Funktion, Containerabfragen für den Scrollstatus und CSS-text-box
-, text-box-trim
- und text-box-edge
-Werte.
Chrome 133 enthält außerdem die FileSystemObserver
-Oberfläche und ein DOM-Primitive (Node.prototype.moveBefore
), mit dem Sie Elemente in einem DOM-Baum verschieben können, ohne den Status des Elements zurückzusetzen.
Firefox 135 enthält den JSON-Parse mit Quellvorschlag, mit dem Probleme mit Genauigkeitsverlusten bei der Konvertierung von Werten wie großen Gleitkommazahlen und Datumswerten zwischen JavaScript-Werten und JSON-Texten behoben werden sollen.