Baru menggunakan platform web pada bulan Maret

Temukan beberapa fitur menarik yang telah diluncurkan di browser web stabil dan beta selama Maret 2025.

Rachel Andrew

Dipublikasikan: 31 Maret 2025

Rilis browser stabil

Pada Maret 2025, Firefox 136, Chrome 134, dan Safari 18.4 menjadi stabil. Postingan ini membahas fitur baru yang ditambahkan ke platform web.

Pseudo-class baru :has-slotted dan :open

Firefox 136 mendukung pseudo-class :has-slotted, yang digunakan untuk menata gaya elemen di <template> yang memiliki konten yang ditambahkan ke elemen <slot> saat merender komponen web.

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox: 136.
  • Safari: not supported.

Source

Pseudo-class :open memungkinkan Anda memilih elemen apa pun yang saat ini dalam status terbuka. Hal ini berlaku untuk elemen <details>, <dialog>, <input> dengan pemilih, dan elemen <select> saat kotak pilihan drop-down terbuka.

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 136.
  • Safari: not supported.

Source

Intl.DurationFormat

Firefox 136 juga mendukung Intl.DurationFormat. Dengan begitu, Anda dapat memformat durasi, dengan mempertimbangkan lokalitas. Fitur ini bergabung dengan Baseline, dan Anda dapat mengetahui lebih lanjut di Intl.DurationFormat kini tersedia di Baseline.

Browser Support

  • Chrome: 129.
  • Edge: 129.
  • Firefox: 136.
  • Safari: 16.4.

Source

Nilai plaintext-only dari atribut contenteditable

Fitur lain yang menjadi Dasar Pengukuran yang baru tersedia dalam rilis Firefox ini adalah nilai plaintext-only dari atribut global contenteditable. Baca tentang nilai ini di Gabungan nilai atribut "plaintext-only" contenteditable kini tersedia di Dasar Pengukuran.

Browser Support

  • Chrome: 51.
  • Edge: ≤79.
  • Firefox: 136.
  • Safari: ≤13.1.

Mode penulisan menyamping untuk CSS

Safari 18.4 menyertakan dukungan untuk writing-mode: sideways-rl dan writing-mode: sideways-lr. Nilai ini digunakan saat Anda ingin menampilkan teks secara vertikal untuk alasan presentasi. Sekarang, statusnya akan menjadi Dasar Pengukuran Baru tersedia.

Browser Support

  • Chrome: 132.
  • Edge: 132.
  • Firefox: 43.
  • Safari: 18.4.

Fungsi shape() CSS

Di Safari 18.4 juga terdapat fungsi shape() CSS, yang memungkinkan bentuk bebas responsif di clip-path.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox Technology Preview: supported.
  • Safari: 18.4.

Source

ClipboardItem.support()

Safari 18.4 menerapkan metode support() untuk ClipboardItem(). Hal ini memungkinkan Anda melihat format yang didukung selama operasi papan klip, dan kini tersedia di Dasar Pengukuran Baru.

Browser Support

  • Chrome: 121.
  • Edge: 121.
  • Firefox: 127.
  • Safari: 18.4.

Source

Menutup lampu untuk <dialog>

Salah satu fitur menarik dari Popover API adalah perilaku penutupan ringan. Perilaku ini kini menjadi bagian dari <dialog>, yang diimplementasikan di Chrome 134, dengan atribut closedby baru yang mengontrol perilaku.

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox: not supported.
  • Safari: not supported.

Web Locks API kini didukung di penyimpanan bersama

Chrome 134 mengintegrasikan Web Locks API ke dalam Shared Storage. Hal ini mencegah skenario seperti saat pengukuran jangkauan lintas situs dapat menghasilkan pelaporan duplikat, karena potensi kondisi race dalam logika get() dan set().

Rilis browser Beta

Versi browser Beta memberi Anda pratinjau hal-hal yang akan ada di browser versi stabil berikutnya. Ini adalah waktu yang tepat untuk menguji fitur baru, atau penghapusan, yang dapat memengaruhi situs Anda sebelum seluruh dunia mendapatkan rilis tersebut. Versi beta baru adalah Firefox 137 dan Chrome 135. Rilis ini menghadirkan banyak fitur hebat ke platform. Lihat catatan rilis untuk mengetahui semua detailnya. Berikut beberapa sorotannya.

Firefox 137 menyertakan metode statis Math.sumPrecise, yang menampilkan jumlah Iterable (seperti Array). Rilis ini juga menyertakan Atomics.pause(). Metode ini memberikan petunjuk ke CPU bahwa thread saat ini berada dalam spinlock saat menunggu akses ke resource bersama.

Chrome 135 menyertakan sejumlah fitur CSS yang terkait dengan pembuatan carousel. File ini juga mencakup elemen <select> yang dapat disesuaikan, serta atribut command dan commandfor.