Neu auf der Webplattform seit Januar

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

Rachel Andrew

Stabile Browserversionen

Im Januar wurden Chrome 97 und Firefox 96 als stabile Versionen veröffentlicht.

In Firefox 96 wurde die Farbfunktion hwb() eingeführt. Diese Funktion gibt eine Farbe durch Farbton, Weiß- und Schwarzwert an.

In Firefox 96 ist auch die CSS-Property color-scheme verfügbar. Mit dieser Eigenschaft können Sie die Farbschemas angeben, in denen ein Element gerendert werden kann. Wenn Sie beispielsweise angeben möchten, dass .widget im hellen oder dunklen Modus des Betriebssystems gerendert werden kann, verwenden Sie das folgende CSS.

.widget {
  color-scheme: light dark;
}

Da die Property „color-scheme“ jetzt in Firefox verfügbar ist, ist sie in Chrome, Firefox und Safari verfügbar.

Betaversionen von Browsern

Betaversionen von Browsern bieten eine Vorschau auf 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 Betaversionen für Januar waren Chrome 98, Firefox 97 und Safari 15.4 Beta 1.

Chrome 98 unterstützt COLRv1-Farbverlaufsvektorschriften als zusätzliches neues Schriftformat. Eine Farbschrift enthält Zeichen mit mehreren Farben, z. B. Emojis, Landesflaggen oder mehrfarbige Buchstaben.

Weitere Informationen zu diesem neuen Schriftformat finden Sie unter COLRv1-Farbverlaufsvektorschriften in Chrome 98.

Außerdem sind die Methode structuredClone() zum Erstellen von Deep-Copies von Objekten und die CSS-Medienabfragen dynamic-range und video-dynamic-range enthalten. Weitere Funktionen, die Sie testen können, finden Sie im Artikel zur Chrome 98-Betaversion.

Die Chrome 98-Entwicklertools bieten eine ganze Reihe neuer Funktionen, darunter den neuen vollständigen Bedienungshilfen-Baum.

Firefox 97 Beta unterstützt die Einheiten cap und ic für length und implementiert das Attribut scrollbar-gutter.

In Safari 15.4 Beta gibt es eine ganze Reihe von Verbesserungen. Zu den Funktionen gehören die Implementierung des Pseudoelements ::backdrop, der Pseudoklasse :focus-visible, der accent-color-Eigenschaft und der CSS-Begrenzung mit der Eigenschaft contain. Diese Betaversion umfasst außerdem das HTML-Element <dialog>, das Attribut lazy für Bilder zum Aktivieren von Lazy Loading sowie Unterstützung für Symbole des Web-App-Manifests.

Alle diese Betafunktionen werden bald in stabilen Browsern verfügbar sein.

Teil der Serie Neu im Web