Berikut hal yang perlu Anda ketahui:
- Notasi warna
hwb()memberi Anda cara baru untuk menentukan warna berdasarkan hue, putih, dan kegelapan. - Prioritas Pengambilan memberi Anda cara untuk menunjukkan kepada browser mengenai urutan sumber daya yang harus diunduh.
- Dan masih banyak lagi.
Mari kita lihat apa saja yang tersedia di Chrome 101.
Notasi warna hwb()
Digambarkan dalam artikel oleh Stefan Judis sebagai "notasi warna untuk manusia", hwb() menentukan warna menurut rona, putih, dan kegelapan. Seperti notasi warna lainnya, komponen alfa opsional menentukan opasitas.
h1 {
color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}
Metode penentuan warna ini sekarang didukung dengan baik, dengan Firefox mendukungnya dari versi 96, dan Safari dari versi 15.
Prioritas Pengambilan
Prioritas Pengambilan memberi Anda cara untuk memberi petunjuk kepada browser tentang urutan resource yang harus didownload, dengan menggunakan atribut fetchpriority. Metode ini menerima nilai "high", "low", dan "auto".
"high": Anda menganggap resource sebagai prioritas tinggi dan ingin browser memprioritaskannya selama heuristik browser tidak mencegah hal tersebut."low": Anda menganggap resource sebagai prioritas rendah dan ingin browser tidak memprioritaskannya jika heuristiknya memungkinkan."auto": Ini adalah nilai default yang memungkinkan browser menentukan prioritas yang sesuai.
Pada contoh di bawah, gambar prioritas rendah ditunjukkan dengan fetchpriority="low".
<img src="/images/in_viewport_but_not_important.svg" fetchpriority="low" alt="I'm an unimportant image!">
Baca selengkapnya tentang berbagai kasus penggunaan di Mengoptimalkan pemuatan resource dengan Fetch Priority API.
Dalam rilis ini juga
Ada metode baru forget() untuk objek USBDevice. Hal ini memungkinkan melupakan perangkat yang sebelumnya telah diberikan izin. Misalnya, jika ini adalah aplikasi yang digunakan di komputer bersama dengan banyak perangkat.
Juga untuk Web USB, perbaikan guna mendukung [SameObject] untuk atribut terkait dalam USBDevice. Perubahan spesifikasi dapat ditemukan di PR terhadap spesifikasi draf.
Pekerja khusus yang dimuat dari origin (HTTPS) yang aman, namun dibuat instance-nya oleh konteks yang tidak aman (non-HTTPS), tidak lagi dianggap aman. Ini berarti bahwa dalam konteks pekerja tersebut:
- self.isSecureContext sekarang menjadi false.
- self.caches dan self.storageFoundation tidak lagi tersedia.
Argumen popup untuk window.open() sekarang bernilai true, mengikuti perubahan terbaru pada spesifikasi untuk mengurai argumen ini. Sebelumnya, jika popup ditetapkan sama dengan true, window.open() akan ditafsirkan menjadi false. Perubahan ini membuat fitur boolean lebih mudah digunakan dan dipahami.
Bacaan lebih lanjut
Bagian ini hanya mencakup beberapa sorotan utama. Periksa link di bawah untuk melihat perubahan tambahan pada Chrome 101.