Baru menggunakan platform web pada bulan April

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

Rachel Andrew

Rilis browser stabil

Pada April 2024, Firefox 125 dan Chrome 124 menjadi stabil. Postingan ini membahas fitur baru yang ditambahkan ke platform web.

Empat fitur baru akan hadir di versi Baseline

Firefox 125 menambahkan empat fitur baru ke Baseline Newly Available. Popover API, Intl.Segmenter, align-content untuk tata letak blok, serta nilai content-box dan stroke-box untuk transform-box.

Popover API

Popover API memungkinkan Anda membuat berbagai jenis pop-up non-modal. Ini mencakup tooltip, menu, pop-up toast kustom, dan banyak lagi. Popover menyertakan banyak fungsi bawaan yang sebelumnya harus Anda tulis dalam JavaScript. Cari tahu selengkapnya di Popover API hadir di Baseline.

Dukungan Browser

  • 114
  • 114
  • 125
  • 17

Sumber

Intl.Segmenter

Intl.Segmenter mengaktifkan segmentasi teks sensitif lokal. Misalnya, memungkinkan Anda memisahkan kata dalam bahasa yang tidak memisahkan kata dengan spasi. Lihat cara kerjanya di Objek Intl.Segmenter sekarang menjadi bagian dari Dasar Pengukuran.

Dukungan Browser

  • 87
  • 87
  • 125
  • 14.1

Sumber

align-content untuk tata letak blok

Properti align-content kini didukung di semua mesin utama untuk tata letak blok. Ini berarti Anda dapat melakukan perataan arah blok tanpa perlu membuat tata letak fleksibel atau petak pada induk. Lihat contoh di Properti align-content untuk tata letak blok kini menjadi bagian dari Dasar Pengukuran .

Dukungan Browser

  • 123
  • 123
  • 125
  • 17,4

CSS transform-box

Terakhir, di Firefox 125 adalah nilai content-box dan stroke-box untuk properti transform-box. Nilai content-box menggunakan kotak konten dan stroke-box kotak pembatas goresan yang berisi bentuk SVG.

Dukungan Browser

  • 118
  • 118
  • 125
  • 13.1

WebSocketStream API

WebSocketStream API mengintegrasikan HOWWG Streams dengan WebSocket API, dan tersedia di Chrome 124. Pelajari lebih lanjut di artikel WebSocketStream: mengintegrasikan streaming dengan WebSocket API.

Dukungan Browser

  • 124
  • 124
  • x
  • x

setHTMLUnsafe dan parseHTMLUnsafe

Chrome 124 juga mencakup metode setHTMLUnsafe dan parseHTMLUnsafe, yang memungkinkan Anda menggunakan Declarative Shadow DOM dari JavaScript. Metode ini juga menawarkan cara yang lebih mudah untuk mengurai HTML secara imperatif ke dalam DOM, dibandingkan dengan innerHTML atau DOMParser.

Dukungan Browser

  • 124
  • 124
  • 123
  • 17,4

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 126, Safari 17.5, dan Chrome 125. Rilis ini menghadirkan banyak fitur hebat ke platform ini. Lihat catatan rilis untuk semua detailnya. Berikut beberapa sorotan.

Safari 17.5 menyertakan fungsi warna light-dark(), yang akan menjadi Baseline Baru Tersedia setelah versi 17.5 stabil.

Selain itu, fitur Dasar Pengukuran Baru Tersedia juga adalah fungsi nilai Stepped CSS. Chrome 125 menyertakan round(), mod(), dan rem().

Chrome 125 juga menyertakan Compute Pressure API, dan positioning anchor CSS.

Firefox 126 menyertakan Screen Wake Lock API, sehingga fitur lain Baseline Baru Tersedia.