Baru menggunakan platform web pada bulan Oktober

Temukan beberapa fitur menarik yang telah hadir di browser web stabil dan beta selama Oktober 2026.

Rachel Andrew

Dipublikasikan: 29 Oktober 2026

Rilis browser stabil

Chrome 155, Chrome 156, Firefox 158, Firefox 159, Safari 27.1, dan Safari 27.2 dirilis ke versi stabil selama Oktober 2026. Postingan ini membahas fitur baru yang hadir di berbagai browser bulan ini, dengan beberapa fitur utama yang mencapai status Baru tersedia di Baseline.

Animasi berbasis scroll menjadi Baseline

Firefox 159 mengaktifkan animasi berbasis scroll secara default.

Animasi berbasis scroll memungkinkan Anda menautkan progres animasi CSS atau animasi Web Animations API ke offset scroll penampung scroll—menggunakan scroll-timeline dan fungsi scroll()—atau ke visibilitas elemen dalam scrollport-nya menggunakan view-timeline dan fungsi view(), yang ditetapkan dengan animation-timeline:

Dengan dukungan di Chrome, Safari, dan kini Firefox 159, animasi berbasis scroll Baru tersedia di Baseline.

Browser Support

  • Chrome: 115.
  • Edge: 115.
  • Firefox: 159.
  • Safari: 26.

Source

Lihat Animasi berbasis scroll: Jalan menuju Baseline Baru tersedia dan scroll linimasa untuk mempelajari bagaimana animasi berbasis scroll berkembang dari proposal awal tahun 2014 menjadi standar web yang dapat dioperasikan dan dikirimkan di setiap mesin browser inti.

Registry elemen kustom tercakup menjadi Baseline

Firefox 159 menambahkan dukungan untuk registry elemen kustom cakupan.

Sebelumnya, semua elemen kustom harus didaftarkan dalam satu registry window.customElements global, yang dapat menyebabkan konflik penamaan saat menggabungkan komponen dari library atau tim yang berbeda. Anda kini dapat membuat instance CustomElementRegistry independen menggunakan konstruktor CustomElementRegistry() dan mencakup definisinya ke shadow tree tertentu. Properti customElementRegistry juga tersedia di Document, Element, dan ShadowRoot.

Dengan dukungan di Chrome, Safari, dan Firefox 159, registry elemen kustom tercakup kini Baru tersedia di Baseline.

Browser Support

  • Chrome: 146.
  • Edge: 146.
  • Firefox: 159.
  • Safari: 26.

Source

Dukungan gambar JPEG XL

Chrome 155 dan Firefox 158 mengaktifkan dukungan untuk format gambar JPEG XL (image/jxl) secara default.

JPEG XL adalah format gambar raster bebas royalti yang distandardisasi sebagai ISO/IEC 18181. Format ini mendukung kompresi lossy dan lossless, dekode progresif, gamut warna lebar, rentang dinamis tinggi (HDR), kedalaman bit tinggi, transparansi, dan animasi, serta transcoding lossless file JPEG yang ada. Firefox 158 juga memperbarui header Accept HTTP default untuk permintaan gambar agar menyertakan image/jxl.

Pelajari lebih lanjut di Pengiriman JPEG XL di Chrome.

Browser Support

  • Chrome: 155.
  • Edge: not supported.
  • Firefox: 158.
  • Safari: 17.

Source

Aritmetika yang diketik CSS menjadi Baseline

Firefox 158 menambahkan dukungan untuk aritmetika yang diketik CSS dalam fungsi matematika seperti calc().

Aritmetika yang diketik CSS memungkinkan Anda membagi dua nilai dari jenis data yang sama—meskipun menggunakan unit yang berbeda—untuk menghasilkan hasil bagi <number> tanpa unit. Anda dapat menggunakan hasil tanpa unit tersebut secara langsung di properti yang menerima angka (seperti opacity atau line-height) atau mengalikannya dengan unit lain untuk mengonversi antarjenis:.

Dengan Firefox 158 yang menambahkan dukungan yang ada di Chrome dan Safari, aritmetika yang diketik CSS kini menjadi Baseline Baru tersedia.

Browser Support

  • Chrome: 140.
  • Edge: 140.
  • Firefox: 158.
  • Safari: 26.

PerformanceResourceTiming.deliveryType

Firefox 158 menambahkan dukungan untuk properti PerformanceResourceTiming.deliveryType.

Properti ini menunjukkan cara resource dikirimkan—misalnya, menampilkan "cache" saat resource disajikan dari cache.

Browser Support

  • Chrome: 117.
  • Edge: 117.
  • Firefox: 158.
  • Safari: 26.4.

Source

Fungsi CSS random()

Chrome 156 menambahkan dukungan untuk fungsi CSS random().

Fungsi random() menghasilkan nilai numerik acak dalam rentang minimum dan maksimum yang ditentukan, dengan interval langkah opsional. Secara default, setiap panggilan random() di-resolve ke nilai acak yang berbeda, atau Anda dapat meneruskan <random-key> sebagai argumen pertama untuk membagikan nilai acak di seluruh properti atau elemen:

Lihat contoh dalam artikel Embracing playful imperfection with the CSS random() function di Smashing Magazine.

Browser Support

  • Chrome: 156.
  • Edge: 156.
  • Firefox Technology Preview: supported.
  • Safari: 26.2.

Source

Properti CSS margin-trim

Chrome 155 menambahkan dukungan untuk properti CSS margin-trim di penampung blok dan penampung multi-kolom.

Anda dapat menggunakan margin-trim pada penampung untuk menghilangkan margin elemen turunannya yang bertemu dengan tepi penampung, sehingga menghindari spasi tambahan sebelum turunan pertama atau setelah turunan terakhir tanpa memerlukan penggantian :first-child atau :last-child.

Cari tahu selengkapnya di Menghapus margin awal dan akhir dengan properti margin-trim.

Browser Support

  • Chrome: 155.
  • Edge: 155.
  • Firefox: not supported.
  • Safari: 16.4.

Source

Gaya penghitung inline dengan fungsi CSS symbols()

Chrome 155 memperkenalkan dukungan untuk fungsi CSS symbols().

Fungsi symbols() memungkinkan Anda menentukan gaya penghitung anonim secara langsung dalam list-style-type, singkatan list-style, counter(), atau counters() tanpa mendeklarasikan at-rule @counter-style bernama terpisah.

Browser Support

  • Chrome: 155.
  • Edge: 155.
  • Firefox: 35.
  • Safari Technology Preview: supported.

Source

Properti CSS text-decoration-skip-spaces

Chrome 155 menambahkan properti CSS text-decoration-skip-spaces, yang mengontrol apakah garis dekorasi teks—seperti garis bawah, garis atas, dan garis coret—melewati karakter spasi kosong. Hal ini memungkinkan Anda mencegah dekorasi digambar di bawah spasi di awal, di akhir, atau di antara kata.

Browser Support

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

Class pseudo CSS :navigation-source

Chrome 156 memperkenalkan class pseudo CSS :navigation-source. Elemen ini cocok dengan elemen link, tombol, atau formulir yang memulai navigasi dan membuat elemen tersebut tetap dipilih selama navigasi.

Browser Support

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

Impor modul teks JavaScript dan mencoba ulang pemuatan modul yang gagal

Chrome 155 menambahkan dukungan untuk impor modul teks menggunakan import ... with { type: "text" }, bergabung dengan Firefox. Atribut impor type: "text" memuat konten modul target sebagai string JavaScript.

Browser Support

  • Chrome: 155.
  • Edge: 155.
  • Firefox: 153.
  • Safari: not supported.

Source

Chrome 156 juga memperbarui perilaku pemuatan modul sehingga pemuatan modul yang gagal tidak lagi di-cache secara permanen. Aplikasi kini dapat mencoba ulang pemuatan modul yang gagal—misalnya, dengan memanggil import() lagi setelah kegagalan jaringan sementara.

Update WebTransport di Chrome dan Firefox

Firefox 158 dan Chrome 156 memperluas WebTransport:

Firefox 158 menambahkan metode WebTransport.getStats() untuk mengambil statistik koneksi dan datagram, serta properti WebTransport.supportsReliableOnly statis yang menunjukkan apakah browser mendukung sesi WebTransport melalui transportasi yang andal secara eksklusif.

Browser Support

  • Chrome: 157.
  • Edge: 157.
  • Firefox: 158.
  • Safari: 26.4.

Source

Chrome 156 menambahkan dukungan untuk meneruskan header permintaan HTTP kustom di WebTransportOptions selama handshake CONNECT awal dan membaca header respons server dari instance WebTransport.

Opsi Notification navigate di Firefox

Firefox 158 menambahkan dukungan untuk opsi navigate di konstruktor Notification() dan ServiceWorkerRegistration.showNotification(), serta properti Notification.navigate, yang bergabung dengan Safari. Opsi ini menentukan URL yang akan dibuka browser saat pengguna mengklik notifikasi sistem.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 158.
  • Safari: 18.5.

Source

Update HTML Sanitizer API di Firefox

Firefox 158 menambahkan opsi konfigurasi javascriptURLs dan Sanitizer.setJavascriptURLs() ke HTML Sanitizer API, yang mengontrol apakah atribut yang berisi URL javascript: akan dihapus saat menggunakan metode penyisipan HTML yang tidak aman seperti Element.setHTMLUnsafe().

Browser Support

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

Firefox 159 juga memperbarui metode pembersih yang aman seperti Element.setHTML(), untuk menghapus elemen dan atribut yang tidak diinginkan selama penguraian, bukan setelah membangun hierarki DOM, sehingga memastikan teks di sekitarnya tetap berada dalam satu node teks.

Mengganti nama flow-tolerance menjadi fit-tolerance di Safari

Safari 27.2 mengganti nama properti flow-tolerance menjadi fit-tolerance untuk tata letak jalur petak (display: grid-lanes), dengan mempertahankan flow-tolerance sebagai alias yang tidak digunakan lagi.

Browser Support

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

Rilis browser beta

Versi browser beta memberi Anda pratinjau 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 diluncurkan ke seluruh dunia. Versi beta baru bulan ini adalah Chrome 157, Chrome 158, dan Firefox 160.

Chrome 157 beta menyertakan singkatan corner CSS dan sub-singkatan tepi untuk menetapkan border-radius dan corner-shape bersama-sama, text-decoration-inset, text-overflow: <string>, dan position-visibility: anchor-valid serta anchor-visible. Library ini juga menyertakan dukungan rendering HTML-in-canvas, dan atribut displaymode khusus ikon untuk elemen kemampuan <camera>, <microphone>, dan <geolocation>.

Chrome 158 beta memperkenalkan elemen HTML <install> deklaratif dan Web Install API (navigator.install()) untuk penginstalan aplikasi web lintas origin. Penambahan CSS dan SVG mencakup pemilih highlight kustom universal ::highlight(*), pseudo-class status elemen media (:playing, :paused, :seeking, :buffering, :stalled, :muted, :volume-locked), kata kunci perataan flow-start dan flow-end, serta radius closest-corner dan farthest-corner untuk bentuk dasar circle() dan ellipse().

Firefox 160 beta mengupdate runtime.PlatformInfo API WebExtensions untuk menampilkan arch sebagai arm64, bukan aarch64 di platform ARM64, yang selaras dengan Chrome.