Baru di Chrome 108

Adriana Jara

Berikut hal yang perlu Anda ketahui:

  • Akan lebih mudah membuat UI adaptif dengan unit ukuran area pandang baru.
  • Font vektor warna kini menyertakan dukungan untuk font variabel.
  • Metode di antarmuka FileSystemSyncAccessHandle, bagian dari File System Access API, kini sinkron.
  • Dan masih banyak lagi

Saya Adriana Jara. Mari selami dan lihat apa saja yang baru untuk developer di Chrome 108.

Unit ukuran area pandang baru

Unit area pandang yang baru memberi Anda lebih banyak kontrol untuk membuat UI adaptif.

Unit ini mengukur area area pandang secara berbeda, karena unit tersebut memperhitungkan elemen UI di browser yang dapat diluaskan atau diciutkan. Misalnya, kolom URL.

Unit large memberikan ukuran area pandang dengan asumsi bahwa antarmuka agen pengguna tersebut diciutkan.

Di sisi lain, unit small memberikan ukuran area pandang dengan asumsi antarmuka diperluas.

Dengan unit dynamic, ukuran area pandang akan otomatis menyesuaikan dirinya sendiri sebagai respons terhadap elemen antarmuka browser yang ditampilkan atau tidak.

Nilainya akan berupa apa pun dalam batas unit besar (maksimum) dan satuan kecil (minimum).

Berbagai bagian area pandang untuk setiap jenis unit area pandang.

Baca artikel ini untuk mengetahui detail selengkapnya. Periksa juga perubahan pada perilaku pengubahan ukuran area pandang Android untuk menangani area pandang dengan tepat .

Font variabel kini didukung di COLRv1.

Font vektor warna COLRv1 telah didukung sejak Chrome 98, tetapi rilis awal hanya mendukung fungsi statis tabel COLRv1.

Tetapi spesifikasi COLRv1 juga mencakup Variasi OpenType, yang berarti memungkinkan perubahan pada properti {i>font<i} dengan mengubah nilai sumbu variabel. Variasi tersebut telah didukung sekarang.

Rilis ini juga mencakup ekstensi kondisi font-tech() dan font-format() untuk CSS @supports .

Dengan kondisi ini, developer dapat mendeteksi kapan fitur font tersedia untuk memberikan pengalaman terbaru kepada pengguna dan juga membuat penggantian jika dukungan tidak tersedia.

Coba demo di sini dan tambahkan dampak pada kata-kata Anda dengan font variabel.

Metode FileSystemSyncAccessHandle kini sinkron.

Sistem file pribadi origin memberikan akses ke jenis file khusus yang sangat dioptimalkan untuk performa. Developer dapat memperoleh akses ke file tersebut dengan memanggil createSyncAccessHandle(), yang merupakan metode yang diekspos pada objek FileSystemFileHandle.

Panggilan ini menghasilkan FileSystemSyncAccessHandle.

Metode truncate(newSize), getSize(), flush(), dan close() dalam tuas akses tersebut sebelumnya bersifat asinkron, tetapi metode tersebut sinkron mulai Chrome 108.

Ada alasan bagus untuk perubahan ini, hal itu membuat FileSystemSyncAccessHandle cocok dengan API file sinkron seperti POSIX yang diharapkan oleh aplikasi berbasis Wasm; menjadikan API lebih ergonomis sekaligus menghadirkan peningkatan performa yang signifikan.

Ini adalah perubahan yang berpotensi dapat menyebabkan gangguan. Jika Anda menggunakan metode di atas, setiap penggunaan Promise.then() akan rusak. Jika Anda merangkai panggilan then() pada hasil dari metode yang sebelumnya asinkron dan sekarang sinkron, Anda perlu mengubah kode.

// ⛔️ This will break, and you need to restructure your code:
accessHandle.flush().then(/* Follow-up code */);
// ✅ Correct:
accessHandle.flush();
/* Follow-up code */

Untuk petunjuk yang lebih detail, buka artikel ini

Dan banyak lagi!

Tentu saja masih banyak lagi.

Bacaan lebih lanjut

Bagian ini hanya mencakup beberapa sorotan utama. Periksa link di bawah untuk melihat perubahan tambahan di Chrome 108.

Langganan

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

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