Temukan beberapa fitur menarik yang telah hadir di browser web stabil dan beta pada Oktober 2023.
Rilis browser stabil
Pada Oktober 2023, Firefox 119, Safari 17.1, Chrome 118, dan Chrome 119 menjadi stabil. Postingan ini membahas apa arti hal tersebut bagi platform web.
Fitur JavaScript di Firefox 119
Di Firefox 119, terdapat pengelompokan array JavaScript dengan metode statis Object.groupBy dan Map.groupBy.
Selain itu, di Firefox 119 terdapat metode isWellFormed()
dan toWellFormed()
dari String
. Ini
dapat digunakan untuk memeriksa apakah string berisi Unicode yang tersusun dengan baik, dan untuk membersihkan
string ke Unicode yang diformat dengan baik. Metode ini sekarang dapat dioperasikan bersama di
tiga engine utama.
Elemen <search>
HTML kini dapat dioperasikan
Chrome 118 menyertakan elemen <search>
, yaitu elemen HTML baru yang mewakili
bagian-bagian dokumen atau aplikasi yang digunakan untuk penelusuran atau pemfilteran. Fitur
ini sekarang dapat dioperasikan bersama di tiga engine utama.
Aturan horizontal di dalam elemen tertentu
Dua versi Chrome hadir pada bulan Oktober. Di Chrome 119 adalah tambahan kecil untuk
elemen <select>
HTML. Kini Anda dapat menambahkan aturan horizontal di antara opsi
yang ditampilkan sebagai pemisah di antara item. Cari tahu selengkapnya di Select element: now
with horizontal rules.
Cakupan CSS
Chrome 118 menyertakan CSS cakupan dengan aturan @scope
. Aturan ini menyediakan cara untuk memilih elemen dalam subpohon DOM. Cari tahu selengkapnya di Membatasi
jangkauan pemilih dengan CSS @scope
at-rule.
CSS Preferred-reduced-transparency
Chrome 118 menyertakan fitur media prefers-reduced-transparency
. Ini adalah
salah satu dari serangkaian fitur yang memungkinkan Anda memeriksa preferensi yang ditetapkan oleh pengguna di
perangkat mereka, dan merespons untuk memenuhi kebutuhan mereka dalam kode Anda. Pelajari fitur ini lebih lanjut di
CSS lebih menyukai-reduced-transparency.
Sintaksis warna relatif CSS
Di Chrome 119 adalah fitur baru yang canggih dari CSS Warna 5—sintaksis warna relatif. Hal ini memungkinkan Anda mendapatkan warna dari warna lain, menggunakan ruang warna atau sintaksis apa pun yang Anda perlukan.
Pembersihan sampah WebAssembly (WasmGC)
Chrome 119 menyertakan WasmGC untuk mempercepat proses pembersihan sampah memori di WebAssembly, seperti Kotlin, PHP, atau Java. Temukan semua detail di WebAssembly Garbage Collection (WasmGC) yang sekarang diaktifkan secara default di Chrome.
Rilis browser beta
Versi browser beta memberi Anda pratinjau hal-hal yang akan ada di versi stabil berikutnya dari browser. Inilah waktu yang tepat untuk menguji fitur baru, atau penghapusan, yang dapat memengaruhi situs Anda sebelum rilis tersebut dipublikasikan. Versi beta baru adalah Firefox 120 dan Safari 17.2. Rilis ini menghadirkan banyak fitur hebat ke platform. Lihat catatan rilis untuk mengetahui detailnya. Berikut adalah beberapa sorotan.
Safari 17.2 menyertakan banyak fitur baru. Untuk CSS, tersedia dukungan untuk CSS Custom Highlight API, properti mask-border
, properti counter-set
, dan banyak fitur lainnya. Selain itu, ada banyak perbaikan pada
fitur yang ada untuk meningkatkan interoperabilitas.
Untuk HTML, Safari 17.2 menyertakan dukungan untuk atribut name
bagi
elemen <details>
. Dan di Web API, tersedia dukungan untuk Prioritas Ambil dan
gambar responsif yang kini diaktifkan di <link rel=preload>
.
Firefox 120 menambahkan dukungan untuk unit rh
dan rlh
CSS, text-wrap: balance
, serta fungsi light-dark()
.
Bagian dari serial New to the web