Baru di Chrome 128

Adriana Jara

Berikut hal yang perlu Anda ketahui:

Saya Adriana Jara. Mari kita lihat apa saja yang baru untuk developer di Chrome 128.

Baris dapat dipisah <ruby>

Elemen <ruby> meningkatkan kualitas presentasi teks, terutama untuk bahasa Asia Timur. Dengan ini, Anda dapat menampilkan anotasi fonetik atau informasi tambahan lainnya di atas atau di samping teks dasar.

Elemen ruby terdiri dari dua bagian utama, yaitu dasar ruby yang merupakan teks utama dan teks ruby yang merupakan teks anotasi, yang ditandai dengan elemen.

Sebelumnya, jika ruby-base atau ruby-text lebih panjang dari seluruh baris, keduanya akan digabungkan satu per satu sehingga menimbulkan tantangan tata letak.

Kini ruby dapat dipecah barisnya, menempatkan teks anotasi ruby yang digabungkan di atas teks dasar yang digabungkan untuk mencapai rendering teks yang ideal.

Buka Properti <ruby> yang dapat dipecah barisnya dan ruby-align CSS untuk mengetahui contoh dan informasi selengkapnya.

Promise.try

Promise.try mempermudah penanganan error dengan Promise. Ada pola tempat Anda memiliki fungsi, f. Fungsi ini mungkin asinkron, dan menampilkan Promise, atau mungkin tidak. Untuk menggunakan semantik Promise guna menangani error dalam kedua kasus tersebut, Anda menggabungkan fungsi dalam Promise.

Salah satu cara untuk melakukannya adalah dengan Promise.resolve().then(f), tetapi dalam hal ini f akan dijalankan secara asinkron tanpa perlu pada tick berikutnya.

Untuk menghindari masalah ini, Anda harus menggunakan new Promise(resolve => resolve(f())) yang sama sekali tidak ergonomis.

Promise.try, adalah cara sederhana dan mudah untuk mencapai hal yang sama. Dengan begitu, Anda dapat memulai rantai Promise yang menangkap semua error di pengendali .catch, bukan harus menangani alur pengecualian sinkron dan asinkron.

Untuk mempelajari lebih lanjut, lihat dokumentasi Promise.try.

PointerEvent.deviceProperties untuk penulisan multi-pena

Developer tidak memiliki cara untuk membedakan antara dua pena pada digitizer yang mendukung tinta. Atribut PointerEvent.pointerId yang ada diterapkan dengan cara yang berbeda dan tidak selalu ada untuk setiap goresan tinta atau interaksi dengan layar.

Antarmuka PointerEvent kini diperluas untuk menyertakan atribut baru: deviceProperties. Atribut ini berisi uniqueId, yang mewakili ID unik yang persisten di sesi dan terisolasi dokumen yang dapat digunakan developer dengan andal untuk mengidentifikasi setiap pena yang berinteraksi dengan halaman.

Dengan perubahan ini, Anda dapat, misalnya, menetapkan warna atau bentuk pena tertentu untuk setiap perangkat yang berinteraksi dengan digitizer.

Baca cara memulai peristiwa pointer di Menunjukkan jalan ke depan.

Dan banyak lagi!

Tentu saja masih banyak lagi.

  • Properti zoom CSS kini selaras dengan standar terbaru.

  • Error pembuatan dan rendering audio AudioContext kini dilaporkan melalui AudioContext.onerror.

  • Panel Animasi DevTools kini merekam animasi dan Anda dapat mengedit @keyframes secara langsung.

Baca catatan rilis lengkap.

Bacaan lebih lanjut

Bagian ini hanya membahas beberapa sorotan utama. Lihat link berikut untuk mengetahui perubahan tambahan di Chrome 128.

Langganan

Untuk terus mendapatkan info terbaru, subscribe ke channel YouTube Chrome Developers, dan Anda akan mendapatkan notifikasi email setiap kali kami meluncurkan video baru.

Yo soy Adriana Jara, dan segera setelah Chrome 128 dirilis, saya akan segera memberi tahu Anda yang baru di Chrome.