Baru menggunakan platform web pada bulan Mei

Temukan beberapa fitur menarik yang tersedia di browser web stabil dan beta selama Mei 2022.

Rachel Andrew

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 menghapus elemen dari urutan tab dan hierarki aksesibilitas jika elemen tersebut tidak interaktif. Misalnya, elemen yang saat ini berada di luar layar atau tersembunyi.

Browser Support

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 112.
  • Safari: 15.5.

Source

Chrome 102 menyertakan nilai baru until-found untuk atribut HTML hidden. Hal ini memungkinkan fitur cari 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, sebuah API yang menstandardisasi perutean sisi klien dalam aplikasi halaman tunggal. API ini sebelumnya bernama App History API.

Browser Support

  • Chrome: 102.
  • Edge: 102.
  • Firefox: not supported.
  • Safari: not supported.

Source

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);

Browser Support

  • Chrome: 73.
  • Edge: 79.
  • Firefox: 101.
  • Safari: 16.4.

Source

Selain itu, di Firefox 101 terdapat fitur media prefers-contrast, yang membuat fitur ini tersedia di seluruh browser.

Browser Support

  • Chrome: 96.
  • Edge: 96.
  • Firefox: 101.
  • Safari: 14.1.

Source

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 103 dan Firefox 102.

Firefox 102 menyertakan fitur media update. Ini digunakan untuk mengkueri apakah perangkat output dapat mengubah tampilan konten setelah dirender. Atribut 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.

Browser Support

  • Chrome: 113.
  • Edge: 113.
  • Firefox: 102.
  • Safari: 17.

Source

Chrome 103 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.

Edit: Versi sebelumnya dari postingan ini menyertakan penyebutan metode Element.isVisible(), yang tidak disertakan dalam rilis ini.

Bagian dari Seri baru di web