Diese Seite wurde von der Cloud Translation API übersetzt.

Neu in Chrome 108

Adriana Jara

Dazu sollten Sie Folgendes wissen:

Mit den neuen Größeneinheiten des Darstellungsbereichs ist es einfacher, adaptive UIs zu erstellen.
Farbvektorschriften unterstützen jetzt variable Schriftarten.
Die Methoden in der Schnittstelle FileSystemSyncAccessHandle, die Teil der File System Access API ist, sind jetzt synchron.
Und es gibt noch viele weitere Funktionen

Ich bin Adriana Jara. Sehen wir uns an, was es in Chrome 108 für Entwickler Neues gibt.

Neue Einheiten für die Größe des Darstellungsbereichs

Mit den neuen Darstellungseinheiten haben Sie mehr Kontrolle beim Erstellen adaptiver Benutzeroberflächen.

Bei diesen Einheiten wird der Viewport-Bereich anders gemessen, da UI-Elemente im Browser berücksichtigt werden, die maximiert oder minimiert werden können. Beispielsweise die Adressleiste.

Die large-Einheiten geben die Größe des Darstellungsbereichs an, vorausgesetzt, diese User-Agent-Benutzeroberflächen sind minimiert.

Die small-Einheiten geben dagegen die Größe des Darstellungsbereichs an, vorausgesetzt, die Benutzeroberflächen sind maximiert.

Bei dynamic-Einheiten passt sich die Größe des Darstellungsbereichs automatisch an, je nachdem, ob Elemente der Browseroberfläche angezeigt werden oder nicht.

Der Wert kann innerhalb der Grenzen der großen Einheit (Höchstwert) und der kleinen Einheiten (Mindestwert) liegen.

Die verschiedenen Teile des Darstellungsbereichs für jeden Darstellungsbereichstyp.

Weitere Informationen findest du in diesem Artikel. Sehen Sie sich auch die Änderung am Verhalten beim Ändern der Größe des Android-Darstellungsbereichs an, um den Darstellungsbereich richtig zu handhaben .

In COLRv1 werden jetzt variable Schriftarten unterstützt.

COLRv1-Farbvektorschriften werden seit Chrome 98 unterstützt. Die ursprüngliche Version unterstützte jedoch nur die statische Funktionalität der COLRv1-Tabelle.

Die COLRv1-Spezifikation enthält jedoch auch OpenType-Varianten, was bedeutet, dass Änderungen an den Schrifteigenschaften durch Ändern der Werte der variablen Achsen möglich sind. Solche Varianten werden jetzt unterstützt.

Diese Version enthält außerdem die Bedingungserweiterungen font-tech() und font-format() für CSS @supports .

Anhand dieser Bedingungen kann der Entwickler erkennen, wann die Schriftschnittfunktionen verfügbar sind, um Nutzern die neuesten Funktionen zur Verfügung zu stellen, und einen Fallback erstellen, falls die Unterstützung nicht verfügbar ist.

Probieren Sie die Demo hier aus und verleihen Sie Ihren Texten mit variablen Schriftarten mehr Ausdruck.

FileSystemSyncAccessHandle-Methoden sind jetzt synchron.

Das private Dateisystem des Ursprungs bietet Zugriff auf eine spezielle Art von Datei, die für eine hohe Leistung optimiert ist. Entwickler können über createSyncAccessHandle() auf solche Dateien zugreifen. createSyncAccessHandle() ist eine Methode, die von FileSystemFileHandle-Objekten bereitgestellt wird.

Dieser Aufruf führt zu einem FileSystemSyncAccessHandle.

Die Methoden truncate(newSize), getSize(), flush() und close() in diesem Zugriffs-Handle waren früher asynchron, sind aber seit Chrome 108 synchron.

Es gibt einen guten Grund für die Änderung: FileSystemSyncAccessHandle entspricht jetzt der synchronen, POSIX-ähnlichen Datei-API, die von Wasm-basierten Anwendungen erwartet wird. Dadurch wird die API ergonomischer und bietet gleichzeitig erhebliche Leistungssteigerungen.

Dies ist eine potenziell funktionsgefährdende Änderung. Wenn Sie die oben genannten Methoden verwenden, funktioniert die Verwendung von Promise.then() nicht mehr. Wenn Sie einen then()-Aufruf mit dem Ergebnis einer der zuvor asynchronen und jetzt synchronen Methoden verketten, müssen Sie Ihren Code ändern.

// ⛔️ This will break, and you need to restructure your code:
accessHandle.flush().then(/* Follow-up code */);
// ✅ Correct:
accessHandle.flush();
/* Follow-up code */

Eine ausführliche Anleitung finden Sie in diesem Artikel.

…und vieles mehr

Natürlich gibt es noch viel mehr.

Eine Änderung des Verhaltens von overflow bei ersetzten Elementen wird eingeführt.
Wenn Sie ein Identitätsanbieter sind, sehen Sie sich die Federated Credential Management API an.
Die Media Source Extensions API ist jetzt im Worker-Kontext verfügbar.

Weitere Informationen

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

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 Adriana Jara. Sobald Chrome 109 veröffentlicht wird, erzähle ich dir gleich, was es Neues bei Chrome gibt.