Berikut ini hal yang perlu Anda ketahui:
- Notasi warna
hwb()memberi Anda cara baru untuk menentukan warna berdasarkan hue, putih, dan hitam. - Prioritas Pengambilan memberi Anda cara untuk memberi petunjuk kepada browser tentang urutan download resource.
- Dan masih banyak lagi.
Mari kita lihat apa saja yang tersedia di Chrome 101.
Notasi warna hwb()
Dijelaskan dalam artikel oleh Stefan Judis sebagai "notasi warna untuk manusia", hwb() menentukan warna berdasarkan rona, putih, dan hitam. Seperti notasi warna lainnya, komponen alfa opsional menentukan keburaman.
h1 {
color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}
Metode penentuan warna ini kini didukung dengan baik, dengan Firefox mendukungnya mulai dari versi 96, dan Safari mulai dari versi 15.
Prioritas Pengambilan
Prioritas Pengambilan memberi Anda cara untuk memberi petunjuk kepada browser tentang urutan download resource, dengan menggunakan atribut fetchpriority. Fungsi ini menerima nilai "high", "low", dan "auto".
"high": Anda menganggap resource sebagai prioritas tinggi dan ingin browser memprioritaskannya selama heuristik browser tidak mencegah hal itu terjadi."low": Anda menganggap resource sebagai prioritas rendah dan ingin browser menurunkan prioritasnya jika heuristiknya memungkinkan."auto": Ini adalah nilai default yang memungkinkan browser memutuskan prioritas yang sesuai.
Dalam contoh di bawah, gambar berprioritas rendah ditandai dengan fetchpriority="low".
<img src="/images/in_viewport_but_not_important.svg" fetchpriority="low" alt="I'm an unimportant image!">
Baca lebih lanjut berbagai kasus penggunaan di Mengoptimalkan pemuatan resource dengan Fetch Priority API.
Juga dalam rilis ini
Ada metode forget() baru untuk objek USBDevice. Tindakan 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 ke draf spesifikasi.
Worker khusus yang dimuat dari origin aman (HTTPS), tetapi dibuat oleh konteks tidak aman (non-HTTPS), tidak lagi dianggap aman. Artinya, di dalam konteks worker tersebut:
- self.isSecureContext sekarang 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, jika popup ditetapkan sama dengan benar (true), window.open() akan ditafsirkan sebagai false. Perubahan ini membuat fitur boolean lebih mudah digunakan dan dipahami.
Bacaan lebih lanjut
Hal ini hanya mencakup beberapa sorotan utama. Lihat link di bawah untuk mengetahui perubahan tambahan pada Chrome 101.