Temukan beberapa fitur menarik yang diluncurkan 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 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 mengirimkan Navigation API, API yang menstandarkan pemilihan rute sisi klien di aplikasi web satu halaman. API ini sebelumnya bernama App History API.
Firefox 101 mendukung stylesheet yang dapat dibuat. Dukungan mencakup konstruktor CSSStyleSheet()
, serta metode replace()
dan replaceSync()
. Stylesheet yang dapat dibuat mempermudah pembuatan stylesheet untuk digunakan dengan Shadow DOM. Dalam 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);
Di Firefox 101 juga terdapat fitur media prefers-contrast
, sehingga fitur ini tersedia di seluruh browser.
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 103 dan Firefox 102.
Firefox 102 menyertakan fitur media update
. Ini digunakan untuk membuat kueri apakah perangkat output dapat mengubah tampilan konten setelah dirender. Kode ini menerima 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 secara lokal oleh pengguna.
Fitur beta ini akan segera tersedia di browser stabil.
Edit: Versi sebelumnya dari postingan ini menyertakan penyebutan metode Element.isVisible()
, yang tidak disertakan dalam rilis ini.
Bagian dari serial Baru di web