Entdecken Sie einige der interessanten Funktionen, die im Februar 2022 in den stabilen und Beta-Webbrowsern eingeführt wurden.
Stabile Browserversionen
Im Februar sind Chrome 98 und Firefox 97 stabil.
Chrome 98 hat die Methode self.structuredClone versandt. Mithilfe des Algorithmus für strukturierte Klonen wird ein Deep-Klon eines Werts erstellt. Weitere Informationen zu structuredClone().
Firefox 97 unterstützt Cascade Layers. Die @layer-at-Regel definiert eine Kaskadenschicht, mit der Sie Spezifitäten steuern können.
@layer framework {
/* creates a new layer named framework */
}
Firefox ist der erste Browser, der diese Release-Version veröffentlicht. Lies dir aber auch den Abschnitt zu Betaversionen in diesem Beitrag durch, da es nicht allzu lange dauern wird, bis diese Funktion überall verfügbar ist. Weitere Informationen zu Cascade-Ebenen finden Sie im Artikel Kaskadierende Ebenen in Ihrem Browser.
In Firefox wird auch die Eigenschaft scrollbar-gutter hinzugefügt. Mit dieser Eigenschaft lassen sich Layoutverschiebungen vermeiden, die durch eine Bildlaufleiste verursacht werden, wenn der Inhalt größer wird.
Der Spaltenabstand für die Bildlaufleiste ist der Abstand zwischen dem inneren Rand und dem äußeren Rand. An dieser Stelle wird bei Bedarf eine Bildlaufleiste angezeigt. Wenn keine Bildlaufleiste vorhanden ist, wird der Spaltenabstand als Erweiterung des Abstands angezeigt. Mit dem folgenden CSS-Code wird auf beiden Seiten des Felds der Abstand zur Größe der Bildlaufleiste berücksichtigt, damit die Darstellung symmetrisch bleibt.
.container {
scrollbar-gutter: stable both-edges;
}
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.
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 im Februar waren Chrome 99 und Firefox 98. Safari Beta 15.4 läuft noch. Ich habe letzten Monat einige der Themen behandelt.
Chrome 99 enthält Cascade Layers und Cascade Layers ist auch in Safari Beta 15.4 verfügbar. Diese Funktion wird demnächst in allen gängigen Browsern verfügbar sein.
In Chrome 99 gibt es außerdem mehrere neue Attribute für CanvasRenderingContext2D sowie eine neue showPicker()-Methode für HTMLInputElement, mit der eine Browserauswahl für Datum, Uhrzeit, Farbe und Dateien angezeigt werden kann.
In Firefox 98 verwenden Sie das Element <dialog>. Eine weitere Funktion, die in allen gängigen Browsern verfügbar sein wird, sobald die Betaversionen von Firefox und Safari stabil sind.
Alle diese Betafunktionen sind bald auch in stabilen Browsern verfügbar.
Teil der Reihe zum Thema „Neu im Web“