Temukan beberapa fitur menarik yang telah hadir di versi stabil dan beta browser web selama Februari 2024.
Rilis browser stabil
Pada Februari 2024, Firefox 123 dan Chrome 122 menjadi stabil. Postingan ini membahas fitur baru yang ditambahkan ke platform web.
Shadow DOM deklaratif
Firefox 123 mendukung atribut shadowrootmode
dari <template>
, sehingga mendukung
Shadow DOM deklaratif.
Fitur ini sekarang bergabung dengan Dasar Pengukuran yang baru tersedia, karena dapat dioperasikan di seluruh
semua browser utama.
103 Petunjuk Awal: pramuat
Firefox 123 menyertakan 103 Petunjuk Awal kode status untuk pramuat resource.
Dukungan Browser
- 103
- 103
- 123
- x
Perubahan pada pewarisan ::backdrop
CSS
Elemen pseudo CSS ::backdrop
adalah kotak seukuran area pandang,
dirender langsung di bawah elemen apa pun yang ditampilkan di lapisan atas.
Spesifikasi asli untuk ::backdrop
menentukan bahwa hal ini tidak diwarisi
dari elemen apa pun, dan
tidak diwarisi darinya. Ini berarti ::backdrop
melakukan
tidak memiliki akses ke properti khusus yang dideklarasikan di :root
.
Spesifikasi telah diubah untuk mengizinkan ::backdrop
mewarisi properti
dari elemen asalnya. Perubahan ini akan diterapkan di Chrome 122.
Baca selengkapnya tentang
perubahan pada ::backdrop
.
API Bucket Penyimpanan
Chrome 122 menyertakan Storage Buckets API. API ini memberi situs kemampuan untuk mengatur data di perangkat ke dalam bucket, data grup kemudian dapat dikeluarkan secara terpisah dari data yang disimpan di bucket lain.
Pelajari lebih lanjut di Dokumentasi API Bucket Penyimpanan.
Dukungan Browser
- 122
- 122
- x
- x
API Papan Klip Asinkron: Membaca HTML yang bermasalah
Chrome 122 beta menyertakan opsi unsanitized
dalam metode read()
Asinkron Clipboard API
untuk mengambil format HTML yang bermasalah.
Metode Set
JavaScript
Chrome 122 menerapkan metode Set
berikut:
Metode ini sudah diimplementasikan di Safari, mulai versi 17, dan berada di Firefox Nightly.
Rilis browser beta
Versi browser beta memberi Anda pratinjau tentang hal-hal yang akan ada versi stabil dari browser. Ini adalah saat yang tepat untuk menguji fitur baru, atau penghapusan, yang dapat memengaruhi situs Anda sebelum dunia mendapatkan rilis tersebut. Baru beta adalah Firefox 124, Chrome 123 dirilis bulan ini, dan Safari 17.4 sedang berlangsung. Rilis ini menghadirkan banyak fitur hebat ke platform. Lihat rilisnya catatan untuk semua detail. Berikut adalah beberapa sorotan.
Chrome 123 menyertakan beberapa fitur CSS baru. Fungsi warna light-dark()
membuatnya lebih mudah untuk menyesuaikan
skema warna dengan preferensi pengguna. field-sizing
memungkinkan penambahan kolom input teks secara otomatis. Ada media baru
untuk menguji aplikasi yang ditampilkan dalam mode picture-in-picture.
Properti text-spacing-trim
menerapkan kerning ke bahasa China, Jepang,
dan tanda baca Korea (CJK) untuk menyesuaikan spasi yang berlebihan.
Baca selengkapnya di
Memperkenalkan empat fitur internasional baru untuk CSS.
Di Chrome 123 dan Safari 17.4 beta didukung untuk align-content
dalam tata letak blok dan tabel. Baca tentang
perubahan ke align-content
dukungan teknis IT. Uji situs Anda jika Anda mungkin menggunakan properti di luar petak
atau tata letak fleksibel, karena akan mulai
menyelaraskan tata letak yang sebelumnya tidak
fungsional dalam tata letak blok.
Firefox 124 menyertakan dukungan untuk CSS
Properti content-visibility
.
Properti ini mengontrol apakah elemen merender kontennya sama sekali,
memungkinkan browser untuk menghilangkan
rendering konten hingga diperlukan.