Baru menggunakan platform web pada bulan Oktober

Temukan beberapa fitur menarik yang telah hadir di browser web stabil dan beta pada Oktober 2023.

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.

Dukungan Browser

  • 117
  • 117
  • 119
  • 17,4

Sumber

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.

Dukungan Browser

  • 111
  • 111
  • 119
  • 16,4

Sumber

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.

Dukungan Browser

  • 118
  • 118
  • 118
  • 17

Sumber

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.

Dukungan Browser

  • 118
  • 118
  • x
  • 17,4

Sumber

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.

Dukungan Browser

  • 118
  • 118
  • x

Sumber

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