Neu auf der Webplattform seit Oktober

Informiere dich über einige der interessanten Funktionen, die im Oktober 2024 in stabilen und Beta-Webbrowsern eingeführt wurden.

Seit Oktober 2024 sind Firefox 131, Firefox 132, Safari 18.1 und Chrome 130 stabil. In diesem Beitrag geht es um die neuen Funktionen, die der Webplattform hinzugefügt wurden.

Synchrone Iterator-Hilfsfunktionen

In Firefox 131 wird die Unterstützung für synchrone Iterator-Hilfsfunktionen hinzugefügt. Beispiele hierfür sind Iterator.prototype.forEach() und Iterator.prototype.map(). Mit diesen Hilfsfunktionen sind arrayähnliche Vorgänge auf Iteratoren möglich, ohne dass Zwischenarrayobjekte erstellt werden müssen. Das gilt auch für sehr große Datenmengen, bei denen das Erstellen eines Zwischenarrays nicht möglich wäre.

Unterstützte Browser

  • Chrome: 122.
  • Edge: 122.
  • Firefox: 131.
  • Safari: Nicht unterstützt.

Quelle

Textfragmente

Außerdem wird in Firefox 131 die Unterstützung für Textfragmente sowie das CSS-Pseudoelement ::target-text eingeführt.

Unterstützte Browser

  • Chrome: 89.
  • Edge: 89.
  • Firefox: 131.
  • Safari-Technologievorschau: unterstützt.

Quelle

Cookies mit Independent Partitioned State (CHIPS)

Firefox 131 enthält CHIPS, mit denen Sie mithilfe der partitioned-Anweisung des HTTP-Headers Set-Cookie Cookies für den partitionierten Speicher aktivieren können.

Unterstützte Browser

  • Chrome: 114.
  • Edge: 114.
  • Firefox: 131
  • Safari: Nicht unterstützt.

Quelle

Medienaktualisierungen

Der zweite Firefox-Release im Oktober enthält eine Reihe von Medienfunktionen, die alle der Kategorie „Neu verfügbar“ zugeordnet werden. Firefox 132 enthält die Methoden requestVideoFrameCallback() und cancelVideoFrameCallback() von HTMLVideoElement.

Unterstützte Browser

  • Chrome: 83.
  • Edge: 83.
  • Firefox: 132
  • Safari: 15.4.

Quelle

Außerdem ist die Methode MediaStreamTrack.getCapabilities() enthalten.

Unterstützte Browser

  • Chrome: 59.
  • Edge: 12.
  • Firefox: 132.
  • Safari: 11.

Quelle

fetchPriority

Die Fetch Priority API gibt im Browser die relative Priorität von Ressourcen an. Sie wird von Firefox 132 unterstützt, sodass diese nützliche API jetzt Baseline Newly verfügbar ist.

Weitere Informationen finden Sie unter Optimieren des Ladens von Ressourcen mit der Fetch Priority API.

Unterstützte Browser

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 132.
  • Safari: 17.2.

Quelle

Vollständige box-decoration-break-Unterstützung

Chrome 130 bietet vollständige Unterstützung für die CSS-Eigenschaft box-decoration-break. Dazu gehört auch der Wert von clone für Block- und Inline-Fragmentierung.

Unterstützte Browser

  • Chrome: 130.
  • Edge: 130.
  • Firefox: 32.
  • Safari: 7.

Quelle

Weitere Informationen zu dieser Property finden Sie unter Die Property „box-decoration-break“ in Chrome 130.

Regel für verschachtelte Deklarationen

Chrome 130 und Firefox 132 unterstützen verschachtelte CSS-Deklarationen. Das bedeutet, dass verschachtelte CSS-Code korrekt geparst wird, wie im Artikel CSS-Verschachtelung wird mit CSSNestedDeclarations verbessert erläutert.

Unterstützte Browser

  • Chrome: 130.
  • Edge: 130.
  • Firefox: 132.
  • Safari: Nicht unterstützt.

Das Web Serial-Attribut connected und RFCOMM-Verbindungsereignisse

In Chrome 130 wird das boolesche Attribut SerialPort.connected hinzugefügt. Das Attribut gibt „true“ zurück, wenn der serielle Port logisch verbunden ist.

Mit dieser Funktion senden Bluetooth-RFCOMM-Serienports diese Ereignisse, wenn der Port logisch verbunden oder getrennt wird.

Mit dieser Funktion können Anwendungen erkennen, ob ein Bluetooth-RFCOMM-Serienport verfügbar ist, ohne den Port zu öffnen.

Weitere Informationen finden Sie unter Bluetooth-RFCOMM-Aktualisierungen in Web Serial.

Unterstützte Browser

  • Chrome: 130.
  • Edge: Nicht unterstützt.
  • Firefox: nicht unterstützt
  • Safari: Nicht unterstützt.

Verbesserungen bei der Barrierefreiheit in Safari

Die Version 18.1 von Safari folgt kurz nach Safari 18 und behebt eine Reihe von Problemen mit der Barrierefreiheit, insbesondere mit display: contents.

Betaversionen von Browsern

Beta-Browserversionen bieten Ihnen eine Vorschau auf Dinge, die in der nächsten stabilen Version des Browsers enthalten sein werden. Dies ist eine gute Gelegenheit, neue Funktionen oder Löschungen zu testen, die sich auf deine Website auswirken könnten, bevor diese Funktion veröffentlicht wird. Die neuen Betaversionen sind Firefox 133 und Chrome 131. Diese Releases bringen viele tolle Funktionen auf die Plattform. Weitere Informationen finden Sie in den Versionshinweisen. Hier sind nur einige Highlights.

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.

Firefox 133 unterstützt auch WorkerNavigator.permissions.

Chrome 131 umfasst die Übernahme von CSS-Highlights. Dabei übernehmen die CSS-Pseudoklassen wie ::selection und ::highlight ihre Eigenschaften über die Pseudo-Highlight-Kette und nicht über die Elementkette. Das Ergebnis ist ein intuitiveres Modell für die Übernahme von Eigenschaften in Hervorhebungen.

Außerdem wird in Chrome 131 die Unterstützung für @page-Rahmen für Seitenumbrüche in CSS-Medien mit Seitenumbrüchen eingeführt. So können Sie beim Drucken aus dem Web benutzerdefinierte Kopf- und Fußzeilen angeben.