Baru menggunakan platform web pada bulan Oktober

Temukan beberapa fitur menarik yang telah tersedia di browser web versi stabil dan beta selama Oktober 2025.

Rachel Andrew

Dipublikasikan: 30 Oktober 2025

Rilis browser stabil

Chrome 142 dan Firefox 144 dirilis ke versi stabil selama bulan Oktober. Postingan ini membahas apa artinya bagi platform web.

View Transitions API untuk Aplikasi Satu Halaman

Firefox 144 menyertakan dukungan untuk transisi tampilan dalam dokumen yang sama. Hal ini mencakup dukungan untuk:

• Pseudokelas :active-view-transition
• Properti view-transition-class
• Properti view-transition-name
• Elemen semu ::view-transition
• Elemen semu ::view-transition-group()
• Elemen semu ::view-transition-image-pair()
• Elemen semu ::view-transition-new()
• Elemen semu ::view-transition-old()

Hal ini menjadikan transisi tampilan dokumen yang sama Tersedia sebagai Dasar Baru.

Atribut command dan commandfor pada elemen <button>

Firefox 144 mendukung command dan commandfor. Anda dapat mengetahui lebih lanjut atribut ini di artikel Memperkenalkan command dan commandfor.

Metode moveBefore()

Metode moveBefore() kini didukung oleh Firefox di antarmuka Element, DocumentFragment, dan Document. Hal ini memungkinkan Anda memindahkan elemen turunan langsung objek, sebelum elemen turunannya yang lain, dengan kedua elemen mempertahankan statusnya.

Pelajari lebih lanjut di Mempertahankan status selama mutasi DOM dengan moveBefore().

Pseudo-class :target-before dan :target-after

Chrome 142 menambahkan class pseudo yang cocok dengan penanda scroll yang berada sebelum atau setelah penanda aktif (cocok dengan :target-current) dalam grup penanda scroll yang sama, sebagaimana ditentukan oleh urutan hierarki datar:

• :target-before: Mencocokkan semua penanda scroll yang mendahului penanda aktif dalam urutan hierarki datar dalam grup.
• :target-after: Mencocokkan semua penanda scroll yang mengikuti penanda aktif dalam urutan hierarki datar dalam grup.

Sintaksis rentang untuk kueri penampung gaya dan if()

Chrome 142 meningkatkan kueri gaya CSS dan fungsi if() dengan menambahkan dukungan untuk sintaksis rentang.

Fitur ini memperluas kueri gaya di luar pencocokan nilai persis (misalnya, style(--theme: dark)). Developer dapat menggunakan operator perbandingan (seperti > dan <) untuk membandingkan properti kustom, nilai literal (misalnya, 10 px atau 25%), dan nilai dari fungsi penggantian seperti attr() dan env(). Untuk perbandingan yang valid, kedua sisi harus diselesaikan ke jenis data yang sama. Nilai ini terbatas pada jenis numerik berikut: <length>, <number>, <percentage>, <angle>, <time>, <frequency>, dan <resolution>.

Pemicu Minat (atribut interestfor)

Chrome 142 juga menambahkan atribut interestfor ke elemen <button> dan <a>. Atribut ini menambahkan perilaku "minat" ke elemen. Saat pengguna menunjukkan minat pada elemen, tindakan akan dipicu pada elemen target, misalnya, menampilkan popover.

Agen pengguna mendeteksi saat pengguna menunjukkan minat pada elemen melalui metode seperti menahan kursor di atas elemen, menekan hotkey khusus di keyboard, atau menekan lama elemen di layar sentuh. Saat minat ditampilkan atau hilang, InterestEvent diaktifkan pada target, yang memiliki tindakan default untuk popover, seperti menampilkan dan menyembunyikan popover.

Rilis browser beta

Versi browser Beta memberi Anda pratinjau tentang hal-hal yang akan ada di versi stabil browser berikutnya. Ini adalah waktu yang tepat untuk menguji fitur baru, atau penghapusan, yang dapat memengaruhi situs Anda sebelum rilis tersebut tersedia untuk publik. Beta baru bulan ini adalah Firefox 145 dan Chrome 143, dengan Safari 26.1 yang sedang berlangsung.

Firefox 145 menyertakan properti source dari antarmuka ToggleEvent dan metode statis Atomics.waitAsync().

Chrome 145 menyertakan kueri penampung penggantian yang berlabuh CSS. Hal ini memperkenalkan @container anchored(fallback) untuk menata gaya elemen turunan yang diposisikan anchor berdasarkan nilai position-try-fallbacks yang diterapkan.