Baru menggunakan platform web pada bulan Februari

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

Rachel Andrew

Dipublikasikan: 28 Februari 2025

Rilis browser stabil

Pada Februari 2025, Firefox 135 dan Chrome 133 menjadi stabil. Postingan ini membahas fitur baru yang ditambahkan ke platform web.

Memeriksa kemampuan WebAuthn

Firefox 135 dan Chrome 133 menambahkan dukungan untuk metode statis PublicKeyCredential.getClientCapabilities(). Hal ini memungkinkan Anda memeriksa apakah browser mendukung fitur Web Authentication API, tanpa perlu menggunakan sniffing browser.

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 135.
  • Safari: 17.4.

Source

Firefox 135 juga menyertakan fitur dari penguraian JSON dengan proposal sumber—argumen context parameter reviver JSON.parse, JSON.isRawJSON(), dan JSON.rawJSON().

Browser Support

  • Chrome: 114.
  • Edge: 114.
  • Firefox: 135.
  • Safari: not supported.

Source

Nilai petunjuk atribut popover

Chrome 133 menambahkan nilai ketiga untuk atribut popover, popover="hint". Petunjuk, yang paling sering dikaitkan dengan perilaku jenis "tooltip", memiliki perilaku yang sedikit berbeda. Sekarang Anda dapat membuka popover petunjuk yang tidak terkait saat tumpukan popover otomatis yang ada tetap terbuka.

Contoh kanonisnya adalah pemilih <select> terbuka (popover="auto") dan tooltip yang dipicu pengarahan kursor (popover="hint") ditampilkan. Tindakan tersebut tidak menutup pemilih <select>.

Browser Support

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

Baca selengkapnya di Popover = petunjuk.

Fungsi attr() lanjutan CSS

Ada koleksi tambahan CSS yang bagus di Chrome 133. Rilis Chrome ini mencakup penambahan pada attr() yang ditentukan di CSS Level 5, yang memungkinkan jenis selain <string> dan penggunaan di semua properti CSS (selain dukungan yang ada untuk konten pseudo-elemen).

Browser Support

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

Pelajari lebih lanjut di CSS attr() mendapatkan upgrade.

Kueri penampung status scroll CSS

Selain itu, di Chrome 133, gunakan kueri penampung untuk menata gaya turunan penampung berdasarkan status scroll-nya.

Penampung kueri adalah penampung scroll, atau elemen yang terpengaruh oleh posisi scroll penampung scroll. Status berikut dapat dikueri:

  • stuck: Penampung yang diposisikan melekat menempel ke salah satu tepi kotak scroll.
  • snapped: Penampung yang sejajar dengan snap scroll saat ini disetel secara horizontal atau vertikal.
  • scrollable: Apakah penampung scroll dapat di-scroll ke arah yang dikueri.

Ada juga nilai baru untuk container-type: scroll-state yang memungkinkan penampung dikueri.

Browser Support

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

Baca scroll-state() CSS untuk mengetahui lebih lanjut.

CSS text-box, text-box-trim, dan text-box-edge

Di CSS untuk Chrome 133, ada juga properti text-box-trim dan text-box-edge, beserta properti singkatan text-box, yang memungkinkan kontrol yang lebih baik terhadap perataan vertikal teks.

Browser Support

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

Cari tahu lebih lanjut cara kerja properti yang berguna ini di text-box-trim CSS.

Pemindahan yang mempertahankan status DOM

Chrome 133 menambahkan primitif DOM (Node.prototype.moveBefore) yang memungkinkan Anda memindahkan elemen di sekitar hierarki DOM, tanpa mereset status elemen.

Saat memindahkan, bukan menghapus dan menyisipkan, status berikut seperti berikut akan dipertahankan:

  • Elemen <iframe> tetap dimuat.
  • Elemen aktif tetap menjadi fokus.
  • Pop-up, layar penuh, dan dialog modal tetap terbuka.
  • Transisi dan animasi CSS berlanjut.

Browser Support

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

Antarmuka FileSystemObserver

Antarmuka FileSystemObserver yang ditambahkan di Chrome 133 memberi tahu situs tentang perubahan pada sistem file. Situs mengamati perubahan pada file dan direktori, yang sebelumnya telah diberi izin oleh pengguna, di perangkat lokal pengguna, atau di Sistem File Bucket (juga dikenal sebagai Sistem File Pribadi Origin), dan diberi tahu tentang info perubahan dasar, seperti jenis perubahan.

Browser Support

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

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 136, Safari 18.4, dan Chrome 134. Rilis ini menghadirkan banyak fitur hebat ke platform. Lihat catatan rilis untuk mengetahui semua detailnya. Berikut beberapa sorotannya.

Safari beta terbaru menghadirkan daftar besar penambahan dan peningkatan, termasuk beberapa fitur yang kami harapkan akan menjadi Dasar Pengukuran yang baru tersedia setelah browser ini menjadi stabil. Misalnya writing-mode: sideways-rl dan writing-mode: sideways-lr, metode statis supports() untuk ClipboardItem, dan daftar lengkap hal-hal dari proposal Iterator Helpers.

Safari 18.4 beta dan Firefox 136 menyertakan Cookie Store API, yang seharusnya tersedia Baseline Baru setelah kedua browser dikirim.

Firefox 136 menyertakan pseudo-class :open dan :has-slotted, yang terakhir juga ada di Chrome 134. Ini juga mencakup Intl.DurationFormat yang kemudian akan menjadi Dasar Pengukuran Baru tersedia.

Chrome 134 menyertakan elemen <select> yang dapat disesuaikan, properti dynamic-range-limit CSS, dan fungsi penutupan ringan untuk elemen <dialog>.