Baru menggunakan platform web pada bulan April

Temukan beberapa fitur menarik yang hadir di browser web versi stabil dan beta pada April 2022.

Pada bulan April, Chrome 101 dan Firefox 99 menjadi stabil. Setelah banyak fitur yang diluncurkan bulan lalu, bulan April ini sedikit lebih sepi, tetapi ada beberapa hal menarik yang dapat kita gunakan.

Chrome 101 menyertakan notasi warna hwb. Ini menentukan warna sesuai dengan hue, putih, dan hitam. Seperti notasi warna lainnya, komponen alfa opsional menentukan opasitas.

h1 {
 
color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}

Untuk mempelajari hwb() lebih lanjut, baca artikel ini oleh Stefan Judis: hwb() – notasi warna untuk manusia?.

Dukungan Browser

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

Sumber

Fitur Prioritas Ambil di Chrome 101 juga tersedia. Hal ini memberi Anda cara untuk memberikan petunjuk ke browser terkait urutan resource yang harus didownload, dengan menggunakan atribut fetchpriority. Pada contoh di bawah, gambar prioritas rendah ditunjukkan 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 memberi manfaat bagi siapa saja yang menggunakan browser berbasis Chromium 101.

Dukungan Browser

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 132.
  • Safari: 17.2.

Sumber

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.
}

Dukungan Browser

  • Chrome: 94.
  • Edge: 94.
  • Firefox: 99.
  • Safari: 16.4.

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 102, Firefox 100, dan Safari 15.5.

Versi pratinjau Chrome 102, Safari 15.5, dan Firefox 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.

Dukungan Browser

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

Sumber

Chrome 102 juga 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.

Bagian dari serial New to the web