Neu auf der Webplattform im Februar

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

Rachel Andrew

Stabile Browserversionen

Im Februar wurden Chrome 98 und Firefox 97 als stabile Versionen veröffentlicht.

In Chrome 98 wurde die Methode self.structuredClone eingeführt. Dabei wird mit dem Algorithmus für strukturierte Klone ein Deep-Klon eines Werts erstellt. Weitere Informationen zu structuredClone()

Firefox 97 enthält abgestufte Ebenen. Mit der At-Rule @layer wird eine Kaskadenebenen definiert, mit der Sie die Spezifität steuern können.

@layer framework {
  /* creates a new layer named framework */
}

Firefox ist der erste Browser, in dem diese Funktion in einer Release-Version verfügbar ist. Lesen Sie jedoch den Abschnitt über die Betaversionen in diesem Post. Es wird nicht mehr lange dauern, bis diese Funktion überall verfügbar ist. Weitere Informationen zu Kaskadenebenen finden Sie im Hilfeartikel Kaskadenebenen kommen in Ihren Browser.

In Firefox wird auch die Property scrollbar-gutter erfasst. Mit dieser Eigenschaft können Layoutverschiebungen entfernt werden, die durch eine Bildlaufleiste verursacht werden, die bei zunehmendem Inhalt angezeigt wird.

Der Spaltenabstand für die Bildlaufleiste ist der Abstand zwischen dem inneren Rand des Rahmens und dem äußeren Rand des Abstands. Hier wird bei Bedarf eine Bildlaufleiste angezeigt. Wenn keine Bildlaufleiste vorhanden ist, wird der Spaltenabstand als Verlängerung des Abstands angezeigt. Mit dem folgenden CSS-Code würden Sie den Abstand unter Berücksichtigung der Bildlaufleistengröße auf beiden Seiten des Felds hinzufügen, um ein symmetrisches Erscheinungsbild zu gewährleisten.

.container {
  scrollbar-gutter: stable both-edges;
}

Chrome 98 unterstützt COLRv1-Farbverlaufsvektorschriften als zusätzliches neues Schriftformat. Eine Farbschrift enthält mehrfarbige Glyphen, die z. B. ein Emoji, eine Länderflagge oder ein mehrfarbiger Buchstabe sein können.

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

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.

Im Februar wurden die neuen Betaversionen Chrome 99 und Firefox 98 veröffentlicht. Die Entwicklung von Safari Beta 15.4 ist noch nicht abgeschlossen. Letzten Monat habe ich einige der enthaltenen Funktionen vorgestellt.

Chrome 99 enthält die Funktion „Abfolgeebenen“. Da diese Funktion auch in Safari Beta 15.4 enthalten ist, wird sie bald in allen Evergreen-Browsern verfügbar sein.

Außerdem gibt es in Chrome 99 mehrere neue Attribute für CanvasRenderingContext2D und eine neue showPicker()-Methode für HTMLInputElement, mit der eine Browserauswahl für Datum, Uhrzeit, Farbe und Dateien angezeigt werden kann.

In Firefox 98 finden Sie das Element <dialog>. Diese Funktion wird in allen Evergreen-Browsern verfügbar sein, sobald die Firefox- und Safari-Betaversionen stabil sind.

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

Teil der Reihe „Neu im Web“