Neu auf der Webplattform seit Januar

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

  • Chrome: 122.
  • Edge: 122.
  • Firefox: 134.
  • Safari: not supported.

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

  • Chrome: 132.
  • Edge: 132.
  • Firefox: 43.
  • Safari: not supported.

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.

Browser Support

  • Chrome: 132.
  • Edge: 132.
  • Firefox: 128.
  • Safari: 18.

Source

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

  • Chrome: 132.
  • Edge: 132.
  • Firefox: not supported.
  • Safari: not supported.

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.