Informiere dich über einige der interessanten Funktionen, die im Oktober 2024 in stabilen und Beta-Webbrowsern eingeführt wurden.
Stabile Browserversionen
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.
Textfragmente
Außerdem wird in Firefox 131 die Unterstützung für Textfragmente sowie das CSS-Pseudoelement ::target-text
eingeführt.
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.
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
.
Außerdem ist die Methode MediaStreamTrack.getCapabilities()
enthalten.
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.
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.
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
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
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.