Neu auf der Webplattform im Februar

Entdecken Sie einige der interessanten Funktionen, die im Februar 2023 in den stabilen und Beta-Webbrowsern eingeführt wurden.

Stabile Browserversionen

Seit Februar 2023 sind Firefox 110 und Chrome 110 stabil. Sehen wir uns einmal an, was das für die Webplattform bedeutet.

Containerabfragen in allen drei Engines

In Firefox 110 wurden Abfragen für Größencontainer unterstützt. Dadurch ist diese wichtige Funktion in allen drei Suchmaschinen verfügbar.

Unterstützte Browser

  • 105
  • 105
  • 110
  • 16

Quelle

Anfangsbuchstaben des Preisvergleichsportals

In Chrome 110 wird jetzt die CSS-Eigenschaft initial-letter unterstützt. Diese Eigenschaft legt die Anzahl der Zeilen fest, die ein Buchstabe in die folgenden Textzeilen vertieft werden soll. Weitere Informationen finden Sie im Beitrag Drop-down-Menüs mit dem Anfangsbuchstaben von CSS verwalten.

Unterstützte Browser

  • 110
  • 110
  • x
  • 9

Quelle

Asynchrone Iteration von ReadableStream

Firefox hat Unterstützung für das asynchrone iterierbare Protokoll in ReadableStream hinzugefügt.

AudioContext.setSinkId()

In Chrome AudioContext.setSinkId wird die ID des Audiogeräts festgelegt, das für die Ausgabe verwendet werden soll. Dadurch kann AudioContext Audioinhalte an ein verbundenes Ausgabegerät der Wahl des Nutzers weiterleiten.

Weitere Informationen zu dieser Funktion finden Sie im Artikel zum Ändern des Zielausgabegeräts in Web Audio.

Unterstützte Browser

  • 110
  • 110
  • x
  • x

Quelle

IFrame ohne Anmeldedaten

In Chrome können Entwickler dank der Funktion iFrame ohne Anmeldedaten Dokumente in Drittanbieter-iFrames mit neuen und flüchtigen Kontexten laden. iFrame ohne Anmeldedaten ist eine Verallgemeinerung von COEP-Anmeldedaten ohne Anmeldedaten, um Drittanbieter-iFrames zu unterstützen, die COEP möglicherweise nicht bereitstellen. Dadurch entfällt die Einschränkung, dass Drittanbieter-iFrames COEP unterstützen müssen, um in eine COEP-Seite eingebettet werden zu können. Außerdem wird die Blockierung von Entwicklern aufgehoben, die die ursprungsübergreifende Isolierung einführen möchten.

Weitere Informationen zu iFrame ohne Anmeldedaten

Unterstützte Browser

  • 110
  • 110
  • x
  • x

Frühe stabile Version

In Chrome 110 wurde auch der Veröffentlichungszeitplan geändert. Die frühe stabile Version wird eine Woche früher als die allgemeine Version für eine kleine Gruppe von Nutzern eingeführt. Weitere Informationen zu dieser Änderung finden Sie im Artikel Änderung des Veröffentlichungszeitplans ab Chrome 110.

Beta-Browser-Releases

Beta-Browser-Versionen bieten eine Vorschau auf Elemente in der nächsten stabilen Version des Browsers. Dies ist ein guter Zeitpunkt, um neue Funktionen zu testen oder die Entfernung von Inhalten zu testen, die sich auf Ihre Website auswirken könnten, bevor die Veröffentlichung weltweit verfügbar ist. Die neuen Betaversionen sind Firefox 111, Safari 16.4 und Chrome 111. Diese Releases bieten viele tolle Funktionen auf der Plattform. Weitere Einzelheiten finden Sie in den Versionshinweisen. Hier sind nur ein paar Highlights.

Firefox unterstützt das Origin Private File System (OPFS), wenn die File System Access API verwendet wird.

Chrome bietet alle in CSS-Farbstufe 4 beschriebenen Funktionen. Dazu gehören vier geräteunabhängige Farbtypen (Lab, Oklab, lch und Oklch), die Funktion color() sowie benutzerdefinierte Farbräume für Farbverläufe und Animationen. Ebenfalls enthalten ist die Funktion color-mix() von CSS Color 5.

Weitere Informationen zu diesen neuen Farbtypen und -abständen finden Sie im High Definition CSS-Farbleitfaden.

Chrome enthält außerdem die View Transitions API, die ausgefeilte Übergänge in Single-Page-Anwendungen (SPAs) ermöglicht. Weitere Informationen finden Sie in der Dokumentation zu Übergänge ansehen.

In Chrome 111 gibt es außerdem das deklarative Shadow DOM. Damit können Sie Shadow DOM direkt in HTML implementieren und verwenden.

Safari 16.4 verspricht, eine große Version für die Plattform zu veröffentlichen. Für CSS umfasst die Version Unterstützung für die Pseudoklassen :user-invalid und :user-valid, die margin-trim-Eigenschaft, die Bereichssyntax für Medienabfragen sowie Unterstützung für die CSS Properties and Values API und @property.

Safari unterstützt außerdem Web Push, die Badging API und eine Reihe weiterer Web APIs. Es ist ein wirklich spannendes Release, das für eine Reihe von Funktionen Interoperabilität erreichen wird.

Teil der Reihe zum Thema „Neu im Web“