Neu in Chrome 98

Pete LePage

Dazu sollten Sie Folgendes wissen:

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

Automatisches dunkles Design auf Android-Geräten deaktivieren

In Chrome 96 haben wir einen Ursprungstest für automatische dunkle Designs auf Android-Geräten gestartet.

Wenn Ihre Website ein helles Design hat und das Betriebssystem des Nutzers im Dunkelmodus ist, wendet der Browser ein automatisch generiertes 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 kannst du die Funktion deaktivieren, indem du color-scheme: only light für das Element :root festlegst.

: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 auf das jeweilige Element einen bestimmten Stil anwenden.

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

Ausführliche Informationen finden Sie im Abschnitt Automatisches dunkles Design deaktivieren des Artikels Automatisches dunkles Design unter Android.

Unterstützung für COLRv1-Schriftarten

In Chrome 98 wird jetzt COLRv1 unterstützt, eine Weiterentwicklung des Schriftformates COLRv0. Es bietet Farbverläufe, Komposition und Überblendung sowie eine verbesserte Wiederverwendbarkeit von Formen für gestochen scharfe und kompakte Schriftdateien, die sich gut komprimieren lassen.

Mit einer farbigen Schriftart können Sie visuelle Highlights, Überschriften und Banner besonders hervorheben.

Überschrift mit COLRv1-Schriftarten

Einer meiner Lieblingsanwendungsfälle für COLRv1 ist die einheitliche Darstellung von Emojis auf allen Plattformen. Sie müssen Emojis nicht durch Bilddateien ersetzen, da Schriftdateien kleiner werden und sich leichter auf Ihrer Seite einfügen lassen.

Schriftdatei mit einheitlichen Emojis

Wir arbeiten daran, die Funktion zur Erkennung von Funktionen zu verbessern, da sie noch nicht so einfach ist, wie sie sein sollte. Aber das sollten Sie im Auge behalten.

Weitere Informationen und eine Anleitung zum Erstellen eigener Schriftarten finden Sie unter COLRv1-Farbverlaufsvektorschriften in Chrome 98.

Chrome 100 im UA-String emulieren

In nur wenigen Monaten wird Chrome 100 veröffentlicht – eine dreistellige Versionsnummer. Jeder Code, der Versionsnummern prüft oder den UA-String analysiert, sollte überprüft werden, um sicherzustellen, dass er drei Ziffern verarbeitet.

Mit dem Flag #force-major-version-to-100 wird die aktuelle Versionsnummer in 100 geändert, damit Sie prüfen können, ob alles wie erwartet funktioniert.

Seite mit Chrome-Flags, auf der die neue Option #force-major-version-to-100 hervorgehoben wird

…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 die Region Capture API, 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 aufgetreten sind, nicht implementiert. Wir arbeiten noch daran und gehen davon aus, dass die Funktion in den nächsten Releases verfügbar sein wird.

Weitere Informationen

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

Abonnieren

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

Ich bin Pete LePage. Sobald Chrome 99 veröffentlicht wird, erzähle ich Ihnen hier, was es Neues in Chrome gibt.