Neu in Chrome 128

Adriana Jara

Dazu sollten Sie Folgendes wissen:

Mein Name ist Adriana Jara. Sehen wir uns nun an, was es bei Chrome 128 für Entwickler Neues gibt.

Zeilentrennbar <ruby>

Das <ruby>-Element verbessert die Textdarstellung, insbesondere für ostasiatische Sprachen. Damit können phonetische Anmerkungen oder andere ergänzende Informationen über oder neben dem Basistext angezeigt werden.

Ein Ruby-Element besteht aus zwei Hauptteilen: Der Ruby-Basistext ist der Haupttext und der Ruby-Text ist der Anmerkungstext und mit dem Element gekennzeichnet.

Wenn eine Ruby-Basis oder ein Ruby-Text zuvor länger als eine ganze Zeile war, wurden sie bisher einzeln umgebrochen, was Layout-Herausforderungen darstellt.

Jetzt zeilenumbruchbarer Ruby-Text, der umschlossene Ruby-Anmerkungstexte über dem umschlossenen Basistext platziert, um eine ideale Textdarstellung zu erreichen.

Beispiele und weitere Informationen finden Sie unter Zeilenumbruchfähige <ruby>- und CSS-Eigenschaft „ruby-align“.

Promise.try

Promise.try erleichtert die Fehlerbehandlung mit Promise-Objekten. Hier sehen Sie ein Muster mit einer Funktion: f. Diese Funktion kann asynchron sein und ein Promise zurückgeben, oder sie kann nicht. Wenn Sie die Promise-Semantik zur Fehlerbehandlung in beiden Fällen verwenden möchten, schließen Sie die Funktion in ein Promise ein.

Eine Möglichkeit dafür ist Promise.resolve().then(f), aber in diesem Fall würde f beim nächsten Tick unnötig asynchron ausgeführt werden.

Verwende new Promise(resolve => resolve(f())), um dieses Problem zu vermeiden. Es ist überhaupt nicht ergonomisch.

Mit Promise.try geht das ganz einfach. Sie können damit eine Promise-Kette starten, die alle Fehler in .catch-Handlern abfängt, anstatt sowohl synchrone als auch asynchrone Ausnahmeabläufe verarbeiten zu müssen.

Weitere Informationen finden Sie in der Dokumentation zu Promise.try.

PointerEvent.deviceProperties für das Schreiben mit mehreren Stiften

Die Entwickler hatten keine Möglichkeit, auf einem tintenfähigen Digitizer zwischen zwei einzelnen Stiften zu unterscheiden. Das vorhandene PointerEvent.pointerId-Attribut wird auf unterschiedliche Weise implementiert und bleibt nicht immer für jeden Tintenstrich oder jede Interaktion mit dem Bildschirm erhalten.

Die PointerEvent-Oberfläche wurde um ein neues Attribut erweitert: deviceProperties. Es enthält das Attribut uniqueId, das eine sitzungsbeständige, dokumentisolierte, eindeutige Kennung darstellt, die ein Entwickler zuverlässig verwenden kann, um einzelne Stifte zu identifizieren, die mit der Seite interagieren.

Mit dieser Änderung kannst du zum Beispiel bestimmte Farben oder Stiftformen für jedes Gerät festlegen, das mit dem Digitizer interagiert.

Weitere Informationen zu den ersten Schritten mit Zeiger-Ereignissen finden Sie unter Nach vorn weisen.

…und vieles mehr

Natürlich gibt es noch viele weitere.

  • Die CSS-Eigenschaft zoom entspricht jetzt dem neuesten Standard.

  • Fehler bei der Erstellung von AudioContext und beim Audiorendering werden jetzt über AudioContext.onerror gemeldet.

  • Im Animationsbereich der DevTools werden jetzt Animationen erfasst und du kannst @keyframes live bearbeiten.

Vollständige Versionshinweise

Weitere Informationen

Hier werden nur einige wichtige Punkte behandelt. Unter den folgenden Links finden Sie zusätzliche Änderungen in Chrome 128.

Abonnieren

Um immer auf dem Laufenden zu bleiben, abonniere die YouTube-Kanal für Chrome-Entwickler, Außerdem wirst du per E-Mail benachrichtigt, sobald wir ein neues Video veröffentlichen.

Hallo Adriana Jara, und sobald Chrome 128 veröffentlicht wird, melde ich mich, um Ihnen die Neuerungen in Chrome mitzuteilen.