Baru di Chrome 128

Adriana Jara

Berikut hal yang perlu Anda ketahui:

  • Menampilkan elemen <ruby> lebih baik dengan baris baru.
  • Promise.try memudahkan untuk membuat rantai Promise.
  • PointerEvent diperluas untuk mengidentifikasi beberapa pena secara unik.
  • Dan masih banyak lagi.

Saya Adriana Jara. Mari kita pelajari lebih lanjut dan lihat apa yang baru untuk developer di Chrome 128.

Baris yang dapat dipisahkan <ruby>

Elemen <ruby> menyempurnakan presentasi teks, terutama untuk bahasa Asia Timur. Ini memungkinkan Anda menampilkan anotasi fonetik atau informasi tambahan lainnya di atas atau di samping teks dasar.

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

Sebelumnya, jika dasar ruby atau teks rubi lebih panjang dari seluruh garis, keduanya digabungkan satu per satu untuk membuat tantangan tata letak.

Kini ruby yang dapat dipisahkan baris, menempatkan teks anotasi ruby yang digabungkan di atas teks dasar yang digabungkan sehingga mencapai rendering teks yang ideal.

Buka <ruby> yang dapat dipisahkan baris dan properti ruby-align CSS untuk mengetahui contoh dan informasi selengkapnya.

Promise.try

Promise.try memudahkan penanganan error dengan Promise. Ada pola di mana Anda memiliki sebuah fungsi, f. Fungsi ini mungkin asinkron, dan menampilkan Promise, atau mungkin tidak. Untuk menggunakan semantik Promise untuk menangani error pada kedua kasus, gabungkan fungsi dalam Promise.

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

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

Promise.try adalah cara sederhana dan mudah untuk melakukan hal yang sama. Fungsi ini memungkinkan Anda memulai rantai Promise yang menangkap semua error di pengendali .catch, sehingga tidak harus menangani alur pengecualian sinkron dan asinkron.

Untuk mempelajari lebih lanjut, lihat dokumentasi Promise.try.

PointerEvent.deviceProperties untuk tinta multi-pen

Pengembang tidak memiliki cara untuk membedakan antara dua pena individu pada digitizer yang didukung tinta. Atribut PointerEvent.pointerId yang sudah ada diterapkan dengan cara yang berbeda dan tidak selalu dipertahankan untuk setiap goresan tinta atau interaksi dengan layar.

Antarmuka PointerEvent kini diperluas untuk menyertakan atribut baru: deviceProperties. Class ini berisi atribut uniqueId, yang mewakili ID unik yang persisten sesi, terisolasi dokumen, dan dapat digunakan dengan andal oleh developer untuk mengidentifikasi tiap 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 Menunjuk jalan ke depan.

Dan banyak lagi!

Tentu saja masih banyak lagi.

  • Properti zoom CSS kini sesuai 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

Artikel ini hanya mencakup beberapa sorotan utama. Periksa tautan berikut untuk perubahan tambahan di Chrome 128.

Langganan

Untuk mendapatkan info terbaru, berlangganan Channel YouTube Developer Chrome, dan Anda akan mendapatkan notifikasi email setiap kali kami meluncurkan video baru.

Halo Adriana Jara, dan segera setelah Chrome 128 dirilis, saya akan ada di sini untuk memberi tahu Anda apa saja yang baru di Chrome!