Baru menggunakan platform web pada bulan Februari

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

Rachel Andrew

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.

Dukungan Browser

  • 122
  • 122
  • 17

Sumber

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.