Neu in Chrome 128

Adriana Jara

Dazu sollten Sie Folgendes wissen:

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

Zeilenumbruch <ruby>

Das Element <ruby> verbessert die Textdarstellung, insbesondere bei ostasiatischen Sprachen. Damit können Sie phonetische Anmerkungen oder andere ergänzende Informationen über oder neben dem Basistext anzeigen.

Ein Ruby-Element besteht aus zwei Hauptteilen: Ruby-Basis, dem Haupttext, und Ruby-Text, dem Anmerkungstext, der mit dem Element markiert ist.

Bisher wurden Ruby-Base oder Ruby-Text, die länger als eine ganze Zeile waren, einzeln umgebrochen, was zu Layoutproblemen führte.

Jetzt kann Ruby-Text umgebrochen werden. Der umgebrochene Ruby-Anmerkungstext wird über den umgebrochenen Basistext gelegt, um eine optimale Textdarstellung zu erzielen.

Beispiele und weitere Informationen finden Sie unter Zeilenumbruch-<ruby> und CSS-Attribut „ruby-align“.

Promise.try

Promise.try erleichtert die Fehlerbehandlung mit Promises. Es gibt ein Muster, bei dem Sie eine Funktion f haben. Diese Funktion kann asynchron sein und ein Versprechen zurückgeben oder auch nicht. Wenn Sie die Promise-Semantik verwenden möchten, um in beiden Fällen Fehler zu behandeln, müssen Sie die Funktion in ein Promise einschließen.

Eine Möglichkeit, dies zu erreichen, ist Promise.resolve().then(f). In diesem Fall wird f jedoch beim nächsten Tick unnötig asynchron ausgeführt.

Um dieses Problem zu vermeiden, müssen Sie new Promise(resolve => resolve(f())) verwenden, was überhaupt nicht ergonomisch ist.

Promise.try ist die einfache und unkomplizierte Möglichkeit, dies zu erreichen. Sie können damit eine Promise-Kette starten, die alle Fehler in .catch-Handlern abfängt, anstatt sowohl synchrone als auch asynchrone Ausnahmeflüsse verarbeiten zu müssen.

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

PointerEvent.deviceProperties für Zeichnen mit mehreren Stiften

Entwickler konnten auf einem Eingabestift mit Eingabestiftfunktion nicht zwischen zwei einzelnen Stiften unterscheiden. Das vorhandene Attribut PointerEvent.pointerId wird auf unterschiedliche Weise implementiert und bleibt nicht immer für jeden Zeichenstrich oder jede Interaktion mit dem Display erhalten.

Die PointerEvent-Benutzeroberfläche wurde um ein neues Attribut erweitert: deviceProperties. Es enthält das Attribut uniqueId, das eine sitzungsspezifische, dokumentisolierte eindeutige Kennung darstellt, mit der Entwickler einzelne Stifte, die mit der Seite interagieren, zuverlässig identifizieren können.

Mit dieser Änderung können Sie beispielsweise für jedes Gerät, das mit dem Digitizer interagiert, bestimmte Farben oder Stiftformen festlegen.

Informationen zu den ersten Schritten mit Zeigerereignissen finden Sie im Artikel Der Weg in die Zukunft.

…und vieles mehr

Natürlich gibt es noch viel mehr.

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

  • Fehler beim Erstellen von AudioContext und beim Audio-Rendering werden jetzt über AudioContext.onerror gemeldet.

  • Im Bereich „Animationen“ der DevTools können Sie jetzt Animationen erfassen und @keyframes live bearbeiten.

Vollständige Versionshinweise lesen

Weitere Informationen

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

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