Entdecken Sie einige der interessanten Funktionen, die im Januar 2022 in stabilen und Beta-Webbrowsern eingeführt wurden.
Stabile Browserversionen
Seit Januar sind Chrome 97 und Firefox 96 stabil.
Firefox 96 hat die Farbfunktion hwb() ausgeliefert. Diese Funktion gibt eine Farbe nach Farbton, Weißheit und Schwärzung an.
In Firefox 96 ist außerdem die CSS-Eigenschaft color-scheme vorhanden. Mit dieser Eigenschaft können Sie angeben, in welchem Farbschema ein Element gerendert werden kann. Wenn du beispielsweise angeben möchtest, dass .widget im hellen oder dunklen Modus des Betriebssystems gerendert werden kann, verwende den folgenden CSS-Code.
.widget {
color-scheme: light dark;
}
Da die Farbschemen in Firefox verfügbar sind, ist die Unterkunft auch in Chrome, Firefox und Safari verfügbar.
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 Betaversionen im Januar waren Chrome 98, Firefox 97 und Safari 15.4 Beta 1.
Chrome 98 unterstützt COLRv1-Vektorschriftarten mit Farbverlauf als zusätzliches neues Schriftformat. Eine Farbschrift enthält Glyphen mit mehreren Farben, wie z. B. ein Emoji, eine Länderflagge oder ein mehrfarbiger Buchstabe.
Weitere Informationen zu diesem neuen Schriftformat finden Sie unter COLRv1 Color Gradient Vector Fonts in Chrome 98.
Ebenfalls enthalten sind die Methode structuredClone() zum Erstellen von Deep-Kopien von Objekten sowie die CSS-Medienabfragen dynamic-range und video-dynamic-range. Weitere Funktionen zum Testen finden Sie in diesem Beitrag zur Betaversion von Chrome 98.
Die Chrome 98-Entwicklertools bieten eine ganze Reihe neuer Funktionen, darunter die vollständige Baumstruktur für Barrierefreiheit.
Firefox 97 Beta unterstützt die cap- und ic-Einheiten für length und implementiert auch die Property scrollbar-gutter.
Die Beta-Version von Safari 15.4 enthält eine ganze Reihe nützlicher Funktionen. Zu den Funktionen gehören die Implementierung des Pseudoelements ::backdrop, der Pseudoklasse :focus-visible, der Eigenschaft accent-color und der CSS-Begrenzungen mit der Eigenschaft contain. Diese Betaversion umfasst auch das HTML-Element <dialog>, das Attribut lazy für Bilder zur Aktivierung von Lazy Loading sowie Unterstützung für Web App Manifest-Symbole.
Alle diese Betafunktionen sind bald auch in stabilen Browsern verfügbar.
Teil der Reihe zum Thema „Neu im Web“