Diese Seite wurde von der Cloud Translation API übersetzt.

Neu in Chrome 109

Adriana Jara

Dazu sollten Sie Folgendes wissen:

Die Origin Private File System API ist jetzt für Android verfügbar.
Es gibt eine Reihe neuer Properties in CSS.
Dank der Unterstützung für MathML Core können Sie Ihrem HTML-Code ganz einfach mathematische Notationen hinzufügen.
Und es gibt noch viel mehr.

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

OPFS auf Android

Das Origin Private File System (OPFS) ist Teil der File System Access API und ein Speicherendpunkt, der nur für den Ursprung der Seite zugänglich ist.

Sie wurde in Chrome 102 auf dem Computer eingeführt. Chrome 109 erhöht die Kompatibilität, indem sie auch auf Android-Geräten verfügbar ist.

Bis auf wenige Ausnahmen umfasst sie alle Oberflächen der File System Access API, um Dateien direkt über das lokale Dateisystem zu verwalten. Die show*Picker()-Methoden und die Drag-and-drop-API-Integration sind noch nicht verfügbar.

Mit der File System Access API auf OPFS können Websites auf ihr privates Dateisystem pro Ursprung zugreifen und Dateivorgänge über FileSystemSyncAccessHandle ausführen, was die Leistung verbessert.

In diesem Artikel erfahren Sie, wie Sie einen plattformübergreifenden reibungslosen Zugriff auf das Dateisystem implementieren.

Neu in CSS.

Jetzt kommen ein paar neue CSS-Funktionen, beginnend mit einer neuen Längeneinheit: lh.

Die CSS-Einheit lh entspricht dem berechneten Wert der Eigenschaft „line-height“ des Elements, für das sie verwendet wird. So kann einem textarea eine Höhe zugewiesen werden, die der Anzahl der Zeilen des erwarteten Texts entspricht.

Außerdem hat die CSS-Arbeitsgruppe den neuen Wert auto für die Beschreibungen font-weight, font-style und font-stretch in der @font-face-Regel hinzugefügt. auto ist jetzt der Anfangswert. Mit diesen Beschreibungen in variablen Schriftarten können Nutzer auswählen, wie dick, geneigt oder breit die Schrift sein soll.

Mit der Eigenschaft hyphenate-limit-chars lässt sich die Webtypografie besser steuern. Hier wird die Mindestanzahl der Zeichen in einem Bindestrichwort festgelegt.

Unterstützung von MathML Core

Wenn Sie schon einmal versucht haben, Ihrer Webseite mathematische Formeln auf stilvolle und barrierefreie Weise hinzuzufügen, werden Sie sich freuen, dass MathML Core jetzt in Chrome unterstützt wird.

MathML ist eine Sprache zur Beschreibung mathematischer Notationen, die in HTML und SVG eingefügt werden können. Es wird mit OpenType MATH auf CSS-kompatible Weise gerendert und über APIs zur Barrierefreiheit der Plattform bereitgestellt.

Das MathML-Styling wird durch CSS-Funktionen aktiviert, einschließlich solcher, die speziell für das mathematische Layout vorgesehen sind. Beispiele hierfür sind die Properties math-depth, math-shift und math-style sowie der Wert math für die Property display.

Weitere Informationen und Beispiele finden Sie in der Dokumentation.

…und vieles mehr

Natürlich gibt es noch viel mehr.

Mit der Property suppressLocalAudioPlayback in MediaTrackSupportedConstraints kannst du die Audiowiedergabe bei Verwendung externer Lautsprecher besser steuern.
Der bedingte Fokus ist jetzt verfügbar, wenn Sie getDisplayMedia() aufrufen.
Die Bestätigung sicherer Zahlungen ist für Chrome auf Android-Geräten verfügbar.

Weitere Informationen

Dies sind nur einige wichtige Highlights. Unter den folgenden Links finden Sie weitere Informationen zu den Änderungen in Chrome 109.

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 110 veröffentlicht wird, erzähle ich Ihnen hier, was es Neues in Chrome gibt.