Baru menggunakan platform web pada bulan Januari

Temukan beberapa fitur menarik yang telah tersedia di browser web stabil dan beta selama Januari 2024.

Rilis browser stabil

Pada Januari 2024, Firefox 122, Chrome 121, dan Safari 17.3 menjadi stabil. Postingan ini membahas fitur baru yang ditambahkan ke platform web.

<hr> dalam <select>

Firefox 122 menambahkan elemen <hr> sebagai turunan yang diizinkan dari elemen <select>. Hal ini membantu meningkatkan keterbacaan daftar pilihan dengan banyak opsi. Semua mesin browser utama kini mendukung fitur ini. Namun, perlu diperhatikan bahwa saat ini tidak ada browser yang mengekspos <hr> ke hierarki aksesibilitas.

Dukungan Browser

  • 119
  • 119
  • 122
  • 17

HTMLSelectElement.showPicker

Selain itu, untuk elemen <select> di Firefox adalah metode showPicker() untuk HTMLSelectElement. Alat pilih ini sama dengan yang biasanya akan ditampilkan saat elemen dipilih, tetapi dapat dipicu dari penekanan tombol atau interaksi pengguna lainnya.

Dukungan Browser

  • 121
  • 121
  • 122

Sumber

API Largest Contentful Paint (LCP)

Firefox 122 juga mendukung LCP API. API performa ini memberikan informasi pengaturan waktu tentang gambar atau paint teks terbesar sebelum pengguna berinteraksi dengan halaman web. Pelajari LCP lebih lanjut dalam dokumentasi LCP.

Dukungan Browser

  • 77
  • 79
  • 122
  • x

Sumber

Properti scrollbar CSS

Chrome 121 menambahkan dukungan untuk properti scrollbar scrollbar-color dan scrollbar-width. Pelajari hal ini lebih lanjut di artikel Gaya visual scrollbar.

Dukungan Browser

  • 121
  • 121
  • 64
  • x

Sumber

Animasi font-palette CSS

Properti font-palette memungkinkan Anda memilih palet tertentu untuk merender font warna. Properti ini sekarang mendukung animasi, sehingga peralihan antar palet menjadi transisi yang mulus antara dua palet yang dipilih.

Metode transfer() dan transferToFixedLength() dari ArrayBuffer

Firefox menyertakan metode JavaScript transfer() dan transferToFixedLength() dari ArrayBuffer. Metode transfer() membuat ArrayBuffer baru dengan konten byte yang sama seperti ArrayBuffer saat ini, lalu melepaskan ArrayBuffer yang asli. Metode transferToFixedLength() bekerja dengan cara yang sama, tetapi membuat ArrayBuffer ukuran tetap.

Dukungan Browser

  • 114
  • 114
  • 122
  • 17,4

Sumber

Update pada Speculation Rules API

Situs menggunakan Speculation Rules API, untuk secara terprogram memberi tahu Chrome halaman mana yang akan dipra-render, sehingga menciptakan pengalaman pengguna yang lebih baik dengan mengurangi waktu navigasi halaman.

Chrome 121 menyertakan dukungan untuk aturan dokumen: aturan tersebut merupakan ekstensi untuk sintaksis aturan spekulasi yang memungkinkan browser mendapatkan daftar URL untuk pemuatan spekulatif dari elemen di halaman. Aturan dokumen dapat menyertakan kriteria yang dapat menggunakan link ini. Hal ini, ditambah dengan kolom "eagerness" baru, memungkinkan Anda mengambil data atau melakukan pra-render link di halaman secara otomatis, saat mengarahkan kursor atau mengarahkan mouse ke bawah.

Rilis browser beta

Versi browser beta memberi Anda pratinjau berbagai hal yang akan disertakan dalam browser versi stabil berikutnya. Ini adalah waktu yang tepat untuk menguji fitur baru, atau penghapusan, yang dapat memengaruhi situs Anda sebelum rilis tersebut dipublikasikan. Versi beta yang baru adalah Firefox 123, Chrome 122, dan Safari 17.4. Rilis ini menghadirkan banyak fitur hebat ke platform ini. Lihat catatan rilis untuk semua detailnya. Berikut beberapa sorotan.

Firefox 123 versi beta menyertakan Declarative Shadow DOM.

Selain itu, di Firefox 123 terdapat dukungan untuk kode status respons informasi HTTP 103 Early Hints untuk resource pramuat yang mungkin diperlukan halaman selagi server menyiapkan respons penuh.

Ada banyak hal bagus di Safari 17.4 beta. Untuk CSS, ada dukungan untuk @scope, align-content pada container blok dan sel tabel, serta untuk elemen pseudo ::grammar-error dan ::spelling-error, serta banyak lagi.

Dalam formulir, dukungan untuk mode penulisan vertikal di kontrol formulir, metode showPicker() untuk <input type="date">, dan dukungan untuk <hr> di dalam <select> di iOS.

JavaScript juga mendapatkan beberapa fitur baru dengan dukungan untuk metode detached(), transfer(), dan transferToFixedLength() dari ArrayBuffer, serta hal-hal lainnya.

Chrome 122 beta menyertakan opsi unsanitized dalam metode read() Async Clipboard API untuk mengambil format HTML yang bermasalah. Untuk JavaScript, ada helper iterator baru, dan metode baru untuk class Set bawaan.

Selain itu, di Chrome 122 terdapat Storage Buckets API yang bertujuan untuk membuat penggusuran penyimpanan persisten pada tekanan memori berat lebih dapat diprediksi.