Neu auf der Webplattform seit Oktober

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

Im Oktober 2024 wurden 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 Zwischenarrayobjekte zu erstellen. Das gilt auch für sehr große Datenmengen, bei denen das Erstellen eines Zwischenarrays nicht möglich wäre.

Browser Support

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

Source

Textfragmente

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

Browser Support

  • Chrome: 89.
  • Edge: 89.
  • Firefox: 131.
  • Safari: 18.2.

Source

Cookies Having Independent Partitioned State (CHIPS)

Firefox 131 enthält CHIPS, mit denen Sie Cookies mithilfe der partitioned-Richtlinie des Set-Cookie-HTTP-Headers in partitionierten Speicher ablegen können.

Browser Support

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

Source

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.

Browser Support

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

Source

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

Browser Support

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

Source

fetchPriority

Die Fetch Priority API gibt die relative Priorität von Ressourcen für den Browser an. Sie wird ab Firefox 132 unterstützt. Das bedeutet, dass diese hilfreiche API jetzt als Baseline Newly verfügbar ist.

Weitere Informationen finden Sie unter Ressourcenladevorgang mit der Fetch Priority API optimieren.

Browser Support

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

Source

Vollständiger box-decoration-break-Support

Chrome 130 unterstützt die CSS-Eigenschaft box-decoration-break vollständig und ohne Präfix. Dazu gehört auch der Wert von clone für Block- und Inline-Fragmentierung.

Browser Support

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

Source

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.

Browser Support

  • Chrome: 130.
  • Edge: 130.
  • Firefox: 132.
  • Safari: 18.2.

Source

Das Web Serial-Attribut connected und RFCOMM-Verbindungsereignisse

In Chrome 130 wird das boolesche Attribut SerialPort.connected hinzugefügt. Das Attribut gibt „wahr“ zurück, wenn der serielle Anschluss 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.

Browser Support

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

Source

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

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 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 außerdem WorkerNavigator.permissions.

Chrome 131 enthält die Funktion CSS-Highlight übernehmen, bei der die Eigenschaften der CSS-Highlight-Pseudoklassen wie ::selection und ::highlight über die Pseudo-Highlight-Kette und nicht über die Elementkette übernommen werden. 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.