Temukan beberapa fitur menarik yang tersedia di browser web stabil dan beta selama Mei 2022.
Rilis browser stabil
Pada bulan Mei, Chrome 102, Safari 15.5, Firefox 100, dan Firefox 101 menjadi stabil.
Chrome 102 dan Safari 15.5 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 balik layar atau tersembunyi.
Chrome 102 menyertakan nilai baru until-found untuk atribut hidden HTML. Tindakan ini memungkinkan find-in-page dan men-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 menyertakan Navigation API, yaitu API yang menstandarkan perutean sisi klien dalam aplikasi web satu halaman. API ini sebelumnya bernama App History API.
Firefox 101 mendukung stylesheet yang dapat dibuat. Dukungan meliputi konstruktor CSSStyleSheet(), serta metode replace(), dan replaceSync(). Stylesheet yang dapat dibangun memudahkan pembuatan stylesheet untuk digunakan dengan Shadow DOM. Pada contoh berikut, stylesheet dibuat menggunakan konstruktor CSSStyleSheet(), aturan CSS ditambahkan dengan metode replaceSync(), dan aturan yang dihasilkan dicetak ke konsol.
const stylesheet = new CSSStyleSheet();
stylesheet.replaceSync('body { color: red; }');
console.log(stylesheet.rules[0].cssText);
Selain itu, di Firefox 101 terdapat fitur media prefers-contrast, sehingga fitur ini tersedia lintas browser.
Rilis browser beta
Versi browser beta memberikan pratinjau dari hal-hal yang akan ada dalam versi browser stabil berikutnya. Ini adalah waktu yang tepat untuk menguji fitur baru, atau penghapusan, yang dapat memengaruhi situs Anda sebelum dunia merilisnya.
Versi beta baru pada bulan April adalah Chrome 103 dan Firefox 102.
Firefox 102 menyertakan fitur media update. Fungsi ini digunakan untuk mengkueri apakah perangkat output dapat memodifikasi tampilan konten setelah dirender. Class ini menerima nilai-nilai berikut:
none- Setelah dirender, konten tidak dapat diperbarui. Misalnya, dokumen cetak.
slow- Perangkat dapat memperbarui konten, tetapi terlalu lambat untuk menampilkan animasi yang lancar. Misalnya, layar e-ink.
fast- Konten dapat berubah secara dinamis dan cukup cepat untuk merender animasi. Misalnya, layar komputer atau ponsel.
Chrome 103 menyertakan Local Font Access API, yang memungkinkan akses ke font yang diinstal pengguna secara lokal.
Fitur beta ini akan segera tersedia di browser stabil.
Edit: Versi sebelumnya dari postingan ini menyertakan penyebutan metode Element.isVisible(), yang tidak dikirim dalam rilis ini.
Bagian dari serial Baru di web