Neu auf der Webplattform im November

Hier finden Sie einige der interessanten Funktionen, die im November 2024 in stabilen und Beta-Webbrowsern eingeführt wurden.

Veröffentlicht: 27. November 2024

Im November 2024 wurden Firefox 133 und Chrome 131 als stabil eingestuft. In diesem Beitrag geht es um die neuen Funktionen, die der Webplattform hinzugefügt wurden.

WebCodecs API

Firefox 133 unterstützt die ImageDecoder-, ImageTrackList- und ImageTrack-Schnittstellen der WebCodecs API, sodass Bilder aus dem Haupt- und dem Worker-Thread decodiert werden können.

Browser Support

  • Chrome: 94.
  • Edge: 94.
  • Firefox: 133.
  • Safari: not supported.

Source

Das WorkerNavigator-permissions-Attribut

Firefox 133 unterstützt außerdem WorkerNavigator.permissions.

Browser Support

  • Chrome: 43.
  • Edge: 79.
  • Firefox: 133.
  • Safari: 16.4.

Source

@page Rahmen für Ränder

In Chrome 131 werden jetzt Rahmen für Seitenränder unterstützt, wenn ein Webdokument gedruckt oder als PDF exportiert wird.

Mit den Rändern @page können Sie den Inhalt im Ränderbereich einer Seite definieren, z. B. benutzerdefinierte Kopf- und Fußzeilen anstelle der vom Browser generierten integrierten Kopf- und Fußzeilen verwenden.

Zähler für die Seitennummerierung werden ebenfalls unterstützt. Die Spezifikation definiert zwei spezielle Zählernamen: page für die aktuelle Seitenzahl und pages für die Gesamtzahl der Seiten.

Weitere Informationen finden Sie unter Inhalt in den Rändern von Seiten einfügen, die mit CSS gedruckt werden.

Browser Support

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

Unterstützung für currentcolor in der Syntax für relative Farben

In Chrome 131 können relative Farben in CSS (mit dem Schlüsselwort from) currentcolor als Basis verwenden. So können Sie anhand der Textfarbe eines Elements Komplementärfarben für dessen Rahmen, Schatten oder Hintergründe festlegen.

Uint8Array Methoden

In Firefox 133 wurden mehrere neue Uint8Array-Methoden hinzugefügt, um die Umwandlung zwischen base64- und hexadezimal codierten Strings und Byte-Arrays zu vereinfachen:

  • Uint8Array.fromBase64() und Uint8Array.fromHex()
  • Uint8Array.prototype.setFromBase64() und Uint8Array.prototype.setFromHex()
  • Uint8Array.prototype.toBase64() und Uint8Array.prototype.toHex()

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 133.
  • Safari: 18.2.

Source

WebHID auf dedizierten Workern

In Chrome 131 ist WebHID in speziellen Worker-Kontexten verfügbar. So können Sie umfangreiche E/A-Vorgänge und die Verarbeitung von Daten von einem HID-Gerät in einem separaten Thread ausführen, um die Leistungsauswirkungen auf den Hauptthread zu reduzieren.

Browser Support

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

Betaversionen von Browsern

Betaversionen von Browsern geben Ihnen einen Einblick in die 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 134, Safari 18.2 und Chrome 132. Diese Releases bringen viele tolle Funktionen auf die Plattform. Weitere Informationen finden Sie in den Versionshinweisen. Hier sind nur einige Highlights.

Safari 18.2 enthält die Uint8Array-Methoden, die in diesem Beitrag bereits als in Firefox verfügbar erwähnt wurden, sowie die @page-Rahmenbeschreibungen, die diesen Monat in Chrome eingeführt wurden. Es gibt eine gute Liste neuer CSS-Funktionen, einschließlich der Unterstützung für dokumentübergreifende Ansichtsübergänge, ruby-align und text-box-trim.

Chrome 132 unterstützt die Keywords sideways-rl und sideways-lr für die CSS-Eigenschaft writing-mode, Toggle-Ereignisse für <dialog> und die Methode bytes() für die Oberflächen Request und Response.

Firefox 134 enthält derzeit nur wenige Details. Es scheint jedoch Promise.try zu enthalten, das auch in der Safari 18.2-Betaversion enthalten ist.