Temukan beberapa fitur menarik yang tersedia di browser web stabil dan beta selama April 2022.
Rilis browser stabil
Pada bulan April, Chrome 101 dan Firefox 99 menjadi stabil. Setelah banyak fitur baru diluncurkan bulan lalu, pada bulan April ini tidak banyak fitur baru yang diluncurkan, tetapi ada beberapa fitur menarik yang dapat kita gunakan.
Chrome 101 menyertakan notasi warna hwb. Ini menentukan warna berdasarkan hue, putih, dan hitamnya. Seperti notasi warna lainnya, komponen alfa opsional menentukan keburaman.
h1 {
color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}
Untuk mempelajari hwb()
lebih lanjut, baca artikel ini oleh Stefan Judis: hwb() – a color notation for humans?.
Fitur Fetch Priority juga tersedia di Chrome 101. Hal ini memberi Anda cara untuk memberi petunjuk kepada browser tentang urutan download resource, dengan menggunakan atribut fetchpriority
. 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!">
Prioritas Pengambilan belum tersedia di browser lain, tetapi Anda dapat mulai menggunakannya sekarang untuk mendapatkan manfaat bagi siapa pun 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 tentang 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 rilis tersebut tersedia untuk publik.
Beta baru pada bulan April adalah Chrome 102, Firefox 100, dan Safari 15.5.
Chrome 102, Safari 15.5, dan versi pratinjau Firefox menyertakan atribut inert
. Tindakan ini menghapus elemen dari urutan tab dan pohon aksesibilitas jika elemen tersebut tidak interaktif. Misalnya, elemen yang saat ini berada di luar layar atau tersembunyi.
Chrome 102 menyertakan nilai baru until-found
untuk atribut HTML hidden
. 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 hadir di browser stabil.
Bagian dari Seri baru di web