Neu in Chrome 98

Dazu sollten Sie Folgendes wissen:

  • Wenn Sie den Ursprungstest für das automatische dunkle Design ausprobiert haben, gibt es eine neue Möglichkeit, auf Elementebene zu deaktivieren.
  • Es gibt jetzt Unterstützung für COLRv1, eine Weiterentwicklung des COLRv0-Schriftformats.
  • Und es gibt noch viel mehr.

Ich bin Pete LePage. Sehen wir uns an, was es Neues für Entwickler in Chrome 98 gibt.

Automatisches dunkles Design auf Android-Geräten deaktivieren

In Chrome 96 haben wir einen Ursprungstest für automatische dunkle Designs unter Android gestartet.

Wenn Ihre Website ein helles Design hat und das Betriebssystem des Nutzers im dunklen Modus ist, wendet der Browser mit dieser Funktion automatisch ein dunkles Design auf Ihre Website an.

Wenn Sie sich für den Ursprungstest registriert haben und das automatisch generierte dunkle Design für eine bestimmte Seite deaktivieren möchten, können Sie ein Meta-Tag verwenden.

<meta name="color-scheme" content="only light">

Alternativ können Sie die Funktion deaktivieren, indem Sie color-scheme: only light für das :root-Element festlegen.

:root {
  color-scheme: only light;
}

Der Hauptvorteil dieser Methode besteht jedoch darin, dass Sie die Funktion für einzelne Elemente deaktivieren können, indem Sie einen bestimmten Stil auf das jeweilige Element anwenden.

.only-light,
#my-element {
  color-scheme: only light;
}

Ausführliche Informationen finden Sie im Abschnitt Automatische dunkle Designs deaktivieren unter Automatische dunkle Designs unter Android.

Unterstützung von COLRv1-Schriftarten

In Chrome 98 wird jetzt COLRv1 unterstützt, eine Weiterentwicklung des Schriftartenformats COLRv0. Es bietet Unterstützung für Verläufe, Compositing und Blending sowie eine verbesserte Wiederverwendung von Formen für scharfe und kompakte Schriftartdateien, die sich gut komprimieren lassen.

Mit einer Farb-Schriftart lassen sich visuelle Highlights, Überschriften und Banner besonders hervorheben.

Überschrift mit COLRv1-Schriftarten

Einer meiner Lieblingsanwendungsfälle für COLRv1 sind einheitliche Emojis auf allen Plattformen. Sie müssen Emojis nicht durch Bilddateien ersetzen, da Schriftartdateien kleiner und einfacher auf Ihrer Seite einzufügen sind.

Schriftartdatei mit einheitlichen Emojis

Wir arbeiten daran, die Erkennung von Funktionen zu verbessern, da sie noch nicht so einfach ist, wie sie sein sollte. Das sollten Sie aber im Blick behalten.

Weitere Informationen und eine Anleitung zum Erstellen eigener Schriftarten finden Sie unter COLRv1 Color Gradient Vector Fonts in Chrome 98.

Chrome 100 im UA-String emulieren

In wenigen Monaten erreichen wir Chrome 100, eine dreistellige Versionsnummer. Jeder Code, der Versionsnummern prüft oder den UA-String parst, sollte so angepasst werden, dass er dreistellige Versionsnummern verarbeiten kann.

Es gibt ein Flag namens #force-major-version-to-100, das die aktuelle Versionsnummer in 100 ändert, damit Sie sichergehen können, dass alles wie erwartet funktioniert.

Die Seite „Chrome-Flags“ mit der neuen Option „#force-major-version-to-100“

…und vieles mehr

Natürlich gibt es noch viel mehr.

CORS-Preflight-Anfragen werden jetzt vor privaten Netzwerkanfragen für Unterressourcen gesendet. Dabei wird eine explizite Genehmigung vom Zielserver angefordert.

Es gibt einen neuen Ursprungstest für Region Capture, eine API zum Zuschneiden eines selbst aufgenommenen Videotracks. Ideal für die Bildschirmfreigabe in Videokonferenz-Apps, damit kein Spiegeleffekt entsteht.

Die Steuerelemente für Fenster-Overlays waren für Chrome 98 geplant, wurden aber aufgrund von Problemen, die in letzter Minute gefunden wurden, nicht aufgenommen. Wir arbeiten noch daran und gehen davon aus, dass die Funktion in den nächsten Versionen eingeführt wird.

Weitere Informationen

Dies sind nur einige der wichtigsten Neuerungen. Unter den folgenden Links finden Sie weitere Änderungen in Chrome 98.

Abonnieren

Wenn Sie immer auf dem neuesten Stand bleiben möchten, abonnieren Sie den YouTube-Kanal Chrome Developers. Sie erhalten dann eine E-Mail-Benachrichtigung, wenn wir ein neues Video veröffentlichen.

Ich bin Pete LePage und sobald Chrome 99 veröffentlicht wird, erfahrt ihr hier, was es Neues in Chrome gibt.