Baru menggunakan platform web pada bulan Mei

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

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.

Dukungan Browser

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

Sumber

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.

Dukungan Browser

  • Chrome: 102.
  • Edge: 102.
  • Firefox: tidak didukung.
  • Safari: tidak didukung.

Sumber

Chrome 102 mengirimkan Navigation API, API yang menstandarkan pemilihan rute sisi klien di aplikasi web satu halaman. API ini sebelumnya bernama App History API.

Dukungan Browser

  • Chrome: 102.
  • Edge: 102.
  • Firefox: tidak didukung.
  • Safari: tidak didukung.

Sumber

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

Dukungan Browser

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

Sumber

Di Firefox 101 juga terdapat fitur media prefers-contrast, sehingga fitur ini tersedia di seluruh browser.

Dukungan Browser

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

Sumber

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.

Dukungan Browser

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

Sumber

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