Baru di Chrome 108

Adriana Jara

Berikut hal yang perlu Anda ketahui:

  • Membuat UI adaptif dengan unit ukuran area pandang baru menjadi lebih mudah.
  • 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 kita pelajari dan lihat apa saja yang baru untuk developer di Chrome 108.

Unit ukuran area pandang baru

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

Unit ini mengukur area tampilan dengan cara yang berbeda, karena unit ini memperhitungkan elemen UI di browser yang dapat diperluas 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.

Selain itu, dengan unit dynamic, ukuran area pandang akan otomatis menyesuaikan diri sebagai respons terhadap elemen antarmuka browser yang ditampilkan atau tidak.

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

Berbagai bagian area pandang untuk setiap jenis unit area pandang.

Baca artikel ini untuk mengetahui detail selengkapnya. Selain itu, periksa 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 menyertakan Variasi OpenType, yang berarti memungkinkan perubahan pada properti font dengan mengubah nilai sumbu variabel. Variasi tersebut kini didukung.

Rilis ini juga mencakup ekstensi kondisi font-tech() dan font-format() ke 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 bersifat sinkron.

Sistem file pribadi asal menyediakan akses ke jenis file khusus yang sangat dioptimalkan untuk performa. Developer dapat mendapatkan akses ke file tersebut dengan memanggil createSyncAccessHandle(), yang merupakan metode yang ditampilkan pada objek FileSystemFileHandle.

Panggilan ini menghasilkan FileSystemSyncAccessHandle.

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

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

Ini adalah perubahan yang berpotensi menyebabkan gangguan. Jika Anda menggunakan metode di atas, penggunaan Promise.then() akan rusak. Jika Anda membuat rantai panggilan then() pada hasil metode yang sebelumnya asinkron dan sekarang sinkron, Anda harus 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 mendetail, baca artikel ini

Dan banyak lagi!

Tentu saja masih banyak lagi.

Bacaan lebih lanjut

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

Langganan

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

Saya Adriana Jara, dan segera setelah Chrome 109 dirilis, saya akan langsung memberi tahu Anda tentang yang baru di Chrome.