Neu in Chrome 98

Pete LePage

Dazu sollten Sie Folgendes wissen:

Mein Name ist Pete LePage. Jetzt sehen wir uns an, was es bei Chrome 98 Neues für Entwickler gibt.

Automatisches dunkles Design unter Android deaktivieren

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

Wenn Ihre Website ein helles Design hat und sich das Betriebssystem des Nutzers im dunklen Modus befindet, wendet der Browser mit dieser Funktion ein automatisch generiertes dunkles Design auf Ihrer 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 die Deaktivierung für einzelne Elemente möglich ist, indem Sie dem jeweiligen Element einen bestimmten Stil zuweisen.

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

Weitere Informationen findest du im Abschnitt Automatisches dunkles Design deaktivieren des Artikels Automatische dunkle Designs unter Android.

Unterstützung von COLRv1-Schriftarten

In Chrome 98 wird jetzt COLRv1 unterstützt, einer Weiterentwicklung des COLRv0-Schriftformats. Es fügt Farbverläufe, Zusammenstellung und Überlagerung hinzu und verbessert die Wiederverwendung von Formen für gestochen scharfe und kompakte Schriftartendateien, die sich gut komprimieren lassen.

Eine farbige Schriftart sorgt dafür, dass visuelle Highlights, Überschriften und Banner deutlich herausfallen.

Ü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 die Schriftdateien kleiner werden und sich leichter auf der Seite einfügen lassen.

Schriftartdatei mit einheitlichen Emojis

Wir arbeiten an Möglichkeiten, die Funktionserkennung zu verbessern, da es noch nicht so einfach ist, wie es sein sollte. Aber das sollten Sie im Auge behalten.

Weitere Informationen finden Sie unter COLRv1-Farbverlaufs-Vektor-Schriftarten in Chrome 98. Dort erfahren Sie auch, wie Sie eigene Schriftarten erstellen.

Chrome 100 im UA-String emulieren

In wenigen Monaten gibt es Chrome 100, eine dreistellige Versionsnummer. Jeder Code, der Versionsnummern überprüft oder den UA-String parst, sollte überprüft werden, um sicherzustellen, dass er drei Ziffern verarbeiten kann.

Das Flag #force-major-version-to-100 ändert die aktuelle Versionsnummer in 100, damit alles wie erwartet funktioniert.

Seite mit den Chrome-Flags, die die neue Option „#force-major-version-to-100“ hervorheben

…und vieles mehr

Natürlich gibt es noch viel mehr.

CORS-Preflight-Anfragen werden jetzt vor privaten Netzwerkanfragen für Unterressourcen gesendet und um eine explizite Genehmigung vom Zielserver gebeten.

Es gibt einen neuen Ursprungstest für Region Capture, eine API zum Zuschneiden eines Videotracks mit Selbstaufnahme. Ideal für die Bildschirmfreigabe in Videokonferenz- Apps, damit Sie keinen Spiegeleffekt erzeugen.

Für Chrome 98 waren Steuerelemente für Fenster-Overlays geplant, die aber aufgrund von Problemen, die in letzter Minute gefunden wurden, nicht übernommen werden konnten. Wir arbeiten noch daran und rechnen damit, dass er in den nächsten Releases verfügbar sein wird.

Weitere Informationen

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

Abo

Abonnieren Sie den YouTube-Kanal für Chrome-Entwickler, um auf dem Laufenden zu bleiben. Dann werden Sie per E-Mail benachrichtigt, wenn wir ein neues Video veröffentlichen.

Ich bin Pete LePage. Sobald Chrome 99 veröffentlicht wird, melde ich Ihnen, was es bei Chrome Neues gibt.