Temukan beberapa fitur menarik yang telah hadir di browser web versi stabil dan beta selama September 2025.
Dipublikasikan: 1 Oktober 2025
Rilis browser stabil
Chrome 140, Chrome 141, Safari 26, dan Firefox 143 dirilis ke versi stabil selama bulan September. Postingan ini membahas apa saja yang telah terjadi selama bulan yang cukup menarik bagi platform web ini.
Fitur CSS baru di Safari 26
Ada banyak hal yang dapat dilihat dalam rilis Safari terbaru, ada penjelasan komprehensif dalam Fitur WebKit di Safari 26.0. Beberapa sorotan utama untuk CSS mencakup fitur berikut.
Penempatan anchor
Sebagai bagian dari Interop 2025, Safari telah mengirimkan dukungan untuk penentuan posisi anchor CSS. Hal ini memungkinkan Anda mengikat elemen ke penanda, dan sangat berguna jika digabungkan dengan popover.
text-wrap: pretty
Nilai pretty
dari text-wrap
meminta browser untuk meningkatkan kualitas tipografi—misalnya, mengurangi dampak tepi yang tidak rata dan sungai tipografi,
serta mencegah baris terakhir yang pendek.
Animasi berbasis scroll
Safari juga menyediakan dukungan untuk animasi yang digerakkan oleh scroll, sehingga Anda dapat mengikat animasi ke seberapa jauh pengguna telah men-scroll.
Nilai dan fungsi baru
Safari adalah browser pertama yang menambahkan dukungan untuk fungsi contrast-color()
, sehingga Anda dapat
meminta browser untuk memilih warna dengan kontras paling tinggi terhadap warna lain.
Fungsi matematika progress()
menampilkan angka yang menunjukkan progres antara dua nilai lainnya.
Browser Support
Properti align-self
dan justify-self
untuk penentuan posisi absolut kini didukung.
Browser Support
Properti logis overflow-block
dan overflow-inline
didukung, dan dapat digunakan sebagai pengganti overflow-x
dan overflow-y
.
Safari kini juga mendukung margin-trim
.
Elemen semu ::details-content
Firefox 143 menambahkan dukungan untuk ::details-content
, yang memungkinkan Anda menata gaya konten
elemen <details>
.
Dukungan untuk menata gaya penanda yang dibuat dengan konten yang dihasilkan
Firefox 143 juga menambahkan dukungan untuk pemilih ::before::marker
dan ::after::marker
.
Dengan ini, Anda dapat menata gaya ::marker
saat dibuat menggunakan elemen pseudo ::before
atau ::after
.
Browser Support
Digital Credentials API
Safari 26 dan Chrome 141 menyertakan dukungan untuk Digital Credentials API. Hal ini memungkinkan situs meminta informasi yang dapat diverifikasi tentang pengguna secara selektif melalui kredensial digital seperti surat izin mengemudi atau kartu tanda pengenal nasional yang disimpan di dompet digital.
Browser Support
URL Pattern API menjadi Tersedia di Baseline Baru
URL Pattern API memungkinkan Anda menggunakan URL Pattern Standard untuk mencocokkan URL menggunakan ekspresi reguler. Fitur ini diluncurkan di Safari 26, dan kini tersedia sebagai fitur Dasar yang Baru Tersedia.
Uint8Array ke dan dari base64 dan hex kini tersedia di Baseline
Base64 adalah cara umum untuk merepresentasikan data biner arbitrer sebagai ASCII. JavaScript memiliki Uint8Arrays
untuk data biner. Namun, tidak ada mekanisme bawaan untuk mengenkode data tersebut sebagai base64, atau untuk mengambil data base64 dan menghasilkan Uint8Array
yang sesuai. Fitur ini menambahkan kemampuan dan metode untuk mengonversi antara string hex dan Uint8Arrays
. Dengan Chrome 140, fitur ini menjadi Tersedia di Baseline.
Properti caret-animation
Properti CSS caret-animation
diluncurkan di Chrome 140 dan memiliki dua kemungkinan nilai: auto
dan manual
. auto
berarti default browser (berkedip), dan manual
berarti developer mengontrol animasi kursor. Selain itu, pengguna yang terganggu oleh atau memiliki reaksi merugikan terhadap visual yang berkedip atau berflash dapat menonaktifkan kedipan dengan stylesheet pengguna.
ARIA Notify API
Mulai Chrome 141, ariaNotify
menyediakan JavaScript API yang memungkinkan penulis konten memberi tahu pembaca layar tentang apa yang harus dibaca.
Hal ini meningkatkan keandalan dan kontrol developer dibandingkan dengan area aktif ARIA, sehingga memungkinkan pengumuman perubahan yang tidak terkait dengan update DOM.
Opsi getAllRecords()
dan direction
IndexedDB untuk getAll()
dan getAllKeys()
Fitur ini di Chrome 141 menambahkan metode getAllRecords()
ke IndexedDB IDBObjectStore
dan IDBIndex
. Selain itu, kode ini menambahkan parameter arah ke getAll()
dan getAllKeys()
. Fungsi ini memungkinkan pola baca tertentu menjadi jauh lebih cepat dibandingkan dengan alternatif iterasi yang ada dengan kursor.
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. Versi beta baru bulan ini adalah Firefox 144 dan Safari 26.1.
Safari 26.1 sebagian besar merupakan rilis perbaikan bug, dengan perbaikan pada penempatan anchor di antara perubahan lainnya. Firefox 144 akan mengirimkan transisi tampilan untuk Aplikasi Web Satu Halaman (SPA). Ini adalah salah satu area fokus untuk Interop 2025 dan berarti fitur ini menjadi Tersedia Baru di Baseline.
Metode moveBefore()
di antarmuka Element
, DocumentFragment
, dan Document
juga disertakan dalam Firefox 144. Hal ini memungkinkan Anda memindahkan elemen turunan langsung objek, sebelum elemen turunannya yang lain.