Berikut hal yang perlu Anda ketahui:
- Notasi warna
hwb()memberi Anda cara baru untuk menentukan warna sesuai dengan hue, putih, dan hitam. - Prioritas Pengambilan memberi Anda cara untuk memberi petunjuk kepada browser tentang urutan resource yang harus didownload.
- Dan masih banyak fitur lainnya.
Mari kita lihat apa yang tersedia di Chrome 101.
Notasi warna hwb()
Dijelaskan dalam artikel oleh Stefan Judis sebagai "notasi warna untuk manusia", hwb() menentukan warna sesuai dengan hue, putih, dan hitam. Seperti notasi warna lainnya, komponen alfa opsional menetapkan opasitas.
h1 {
color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}
Metode penetapan warna ini sekarang didukung dengan baik, dengan Firefox yang mendukungnya mulai 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. Nilai ini menerima nilai "high", "low", dan "auto".
"high": Anda menganggap resource tersebut memiliki prioritas tinggi dan ingin browser memprioritaskannya selama heuristik browser tidak mencegah hal itu terjadi."low": Anda menganggap resource tersebut memiliki prioritas rendah dan ingin browser menurunkan prioritasnya jika heuristiknya mengizinkan."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.
Juga dalam rilis ini
Ada metode baru forget() untuk objek USBDevice. Hal ini memungkinkan perangkat yang sebelumnya telah diberi izin untuk dilupakan. Misalnya, jika ini adalah aplikasi yang digunakan di komputer bersama dengan banyak perangkat.
Selain itu, untuk Web USB, perbaikan untuk mendukung [SameObject] untuk atribut terkait dalam USBDevice. Perubahan spesifikasi dapat ditemukan dalam PR untuk draf spesifikasi.
Pekerja khusus yang dimuat dari origin aman (HTTPS), tetapi dibuat instance-nya oleh konteks tidak aman (non-HTTPS), tidak lagi dianggap aman. Artinya, di dalam konteks pekerja tersebut:
- self.isSecureContext kini menjadi false.
- self.caches dan self.storageFoundation tidak lagi tersedia.
Argumen popup untuk window.open() kini dievaluasi menjadi true, setelah perubahan terbaru pada spesifikasi untuk mengurai argumen ini. Sebelumnya, saat popup ditetapkan sama dengan benar (true), window.open() ditafsirkan sebagai false. Perubahan ini membuat fitur boolean lebih mudah digunakan dan dipahami.
Bacaan lebih lanjut
Bagian ini hanya membahas beberapa sorotan utama. Lihat link di bawah untuk mengetahui perubahan tambahan pada Chrome 101.