Temukan beberapa fitur menarik yang telah tersedia di browser web stabil dan beta 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.
DOM Bayangan Deklaratif
Firefox 123 mendukung atribut shadowrootmode
elemen <template>
sehingga mendukung
Declarative Shadow DOM.
Fitur ini kini bergabung dengan Dasar Pengukuran yang baru tersedia, karena dapat dioperasikan di
semua browser utama.
Dukungan Browser
- 111
- 111
- 123
- 16,4
103 Petunjuk Awal: pramuat
Firefox 123 menyertakan kode status 103 Early Hints untuk melakukan pramuat resource.
Dukungan Browser
- 103
- 103
- 123
- x
Perubahan pada pewarisan ::backdrop
CSS
Elemen semu CSS ::backdrop
adalah kotak seukuran area pandang, yang dirender tepat di bawah elemen apa pun yang ditampilkan di lapisan atas.
Spesifikasi asli untuk ::backdrop
menentukan bahwa kode tidak mewarisi dari elemen apa pun, dan tidak diwarisi. Ini berarti ::backdrop
tidak memiliki akses ke properti khusus yang dideklarasikan pada :root
.
Spesifikasi telah diubah untuk memungkinkan ::backdrop
mewarisi properti dari elemen asalnya. Perubahan ini diterapkan di Chrome 122.
Baca selengkapnya
perubahan pada ::backdrop
.
API Bucket Penyimpanan
Chrome 122 menyertakan Storage Buckets API. Dengan API ini, situs dapat 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 Storage Buckets API.
Dukungan Browser
- 122
- 122
- x
- x
API Clipboard Async: Membaca HTML yang bermasalah
Chrome 122 beta menyertakan opsi unsanitized
dalam metode read()
Async Clipboard API
untuk mengambil format HTML yang bermasalah.
Metode Set
JavaScript
Chrome 122 menerapkan metode Set
berikut:
Metode ini sudah diimplementasikan di Safari, dari versi 17, dan sudah diterapkan di Firefox Nightly.
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 124, Chrome 123 yang dirilis bulan ini, dan Safari 17.4 sedang berjalan. Rilis ini menghadirkan banyak fitur hebat ke platform ini. Lihat catatan rilis untuk semua detailnya. Berikut beberapa sorotan.
Chrome 123 menyertakan beberapa fitur CSS baru. Fungsi warna light-dark()
memudahkan penyesuaian skema warna dengan preferensi pengguna. Properti field-sizing
memungkinkan kolom input teks yang berkembang secara otomatis. Ada fitur media baru
untuk menguji aplikasi yang ditampilkan dalam mode picture-in-picture.
Properti text-spacing-trim
menerapkan kerning ke karakter tanda baca China, Jepang,
dan 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, terdapat dukungan untuk align-content
dalam tata letak blok dan tabel. Baca
perubahan pada dukungan
align-content
. Uji situs Anda jika Anda mungkin menggunakan properti di luar tata letak petak
atau fleksibel, karena properti tersebut akan mulai menyebabkan perataan yang sebelumnya tidak
berfungsi dalam tata letak blok.
Firefox 124 menyertakan dukungan untuk properti
content-visibility
CSS.
Properti ini mengontrol apakah suatu elemen akan merender kontennya atau tidak, sehingga browser dapat menghilangkan rendering konten tersebut hingga diperlukan.