Temukan beberapa fitur menarik yang hadir di browser web versi stabil dan beta pada April 2022.
Rilis browser stabil
Pada bulan April, Chrome 101 dan Firefox 99 menjadi stabil. Setelah banyak fitur yang diluncurkan bulan lalu, bulan April ini sedikit lebih sepi, tetapi ada beberapa hal menarik yang dapat kita gunakan.
Chrome 101 menyertakan notasi warna hwb. Ini menentukan warna sesuai dengan hue, putih, dan hitam. Seperti notasi warna lainnya, komponen alfa opsional menentukan opasitas.
h1 {
color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}
Untuk mempelajari hwb()
lebih lanjut, baca artikel ini oleh Stefan Judis: hwb() – notasi warna untuk manusia?.
Fitur Prioritas Ambil di Chrome 101 juga tersedia. Hal ini memberi Anda cara untuk memberikan petunjuk ke browser terkait urutan resource yang harus didownload, dengan menggunakan atribut fetchpriority
. 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!">
Prioritas Pengambilan belum tersedia di browser lain, tetapi Anda dapat mulai menggunakannya sekarang untuk memberi manfaat bagi siapa saja yang menggunakan browser berbasis Chromium 101.
Firefox 99 menyertakan properti pdfViewerEnabled
dari antarmuka Navigator. Properti ini menunjukkan apakah browser mendukung tampilan inline file PDF.
if (!navigator.pdfViewerEnabled) {
// The browser does not support inline viewing of PDF files.
}
Rilis browser beta
Versi browser beta memberi Anda pratinjau hal-hal yang akan ada di versi stabil browser berikutnya. Ini adalah waktu yang tepat untuk menguji fitur baru, atau penghapusan, yang dapat memengaruhi situs Anda sebelum seluruh dunia mendapatkan rilis tersebut.
Versi beta baru pada bulan April adalah Chrome 102, Firefox 100, dan Safari 15.5.
Versi pratinjau Chrome 102, Safari 15.5, dan Firefox menyertakan atribut inert
. Tindakan ini akan menghapus elemen dari urutan tab dan hierarki aksesibilitas jika elemen tersebut non-interaktif. Misalnya, elemen yang saat ini berada di luar layar atau tersembunyi.
Chrome 102 menyertakan nilai baru until-found
untuk atribut hidden
HTML. Hal ini memungkinkan fitur temukan di halaman dan scroll ke fragmen teks pada teks yang berada di dalam area halaman yang diciutkan, seperti yang mungkin Anda temukan dalam pola akordeon. Cari tahu selengkapnya di postingan Membuat konten yang diciutkan dapat diakses dengan hidden=until-found.
Chrome 102 juga menyertakan Local Font Access API, yang memungkinkan akses ke font yang diinstal secara lokal oleh pengguna.
Fitur beta ini akan segera tersedia di browser stabil.
Bagian dari serial New to the web