Baru menggunakan platform web pada bulan Januari

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

Rachel Andrew

Dipublikasikan: 30 Januari 2026

Rilis browser stabil

Chrome 144 dan Firefox 147 dirilis ke versi stabil selama bulan Januari. Postingan ini membahas banyak fitur baru bulan ini, dengan beberapa hal menjadi Tersedia di Baseline.

CSS Anchor Positioning

Firefox 147 menyertakan dukungan untuk CSS Anchor Positioning, sehingga fitur ini Tersedia di Baseline Baru. API ini memungkinkan Anda memosisikan elemen relatif terhadap elemen lain, yang dikenal sebagai anchor. Hal ini berguna untuk tooltip, menu, dan popover, tempat Anda ingin elemen diposisikan relatif terhadap elemen lain di halaman.

Browser Support

  • Chrome: 125.
  • Edge: 125.
  • Firefox: 147.
  • Safari: 26.

Source

Navigation API

Baseline Baru tersedia dengan Firefox 147 adalah Navigation API. API ini menyediakan cara modern untuk memulai, menangkap, dan mengelola navigasi di aplikasi Anda.

Browser Support

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 147.
  • Safari: 26.2.

Source

Penataan gaya fitur temukan di halaman dengan ::search-text

Chrome 144 menyertakan elemen semu ::search-text. Fitur ini memungkinkan penulis situs mengatur gaya penyorotan hasil penelusuran dari fitur cari di halaman menggunakan elemen pseudo untuk sorotan, mirip dengan ::selection dan ::spelling-error. Dengan begitu, Anda dapat menyesuaikan tampilan hasil penelusuran saat pengguna menggunakan fungsi temukan di halaman browser.

Cari tahu selengkapnya di blog Igalia dalam artikel Gaya penyorotan fitur Temukan di Halaman.

Browser Support

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

Elemen <geolocation>

Chrome 144 memperkenalkan elemen <geolocation>, kontrol deklaratif yang diaktifkan pengguna untuk mengakses lokasi pengguna. Geolocation API menyederhanakan perjalanan pengguna dan developer dengan menangani alur izin dan memberikan data lokasi secara langsung ke situs, sehingga sering kali tidak memerlukan panggilan JavaScript API terpisah.

Pelajari lebih lanjut di Memperkenalkan elemen <geolocation> HTML.

Temporal API

Chrome 144 menyertakan Temporal API. Hal ini menyediakan objek dan fungsi standar untuk bekerja dengan tanggal dan waktu. Ini adalah tambahan signifikan pada JavaScript, yang menawarkan penggantian objek Date yang canggih dan modern.

Browser Support

  • Chrome: 144.
  • Edge: 144.
  • Firefox: 139.
  • Safari: behind a flag.

Source

CSS caret-shape

Chrome 144 memperkenalkan properti caret-shape, yang memungkinkan Anda menentukan bentuk kursor penyisipan teks. Anda dapat memilih antara auto, bar, block, dan underscore.

Browser Support

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

Source

Peningkatan View Transition

Firefox 147 menyertakan identifikasi jenis transisi tampilan. Hal ini menyediakan mekanisme yang memungkinkan berbagai jenis ditentukan untuk transisi tampilan aktif. CSS kemudian dapat digunakan untuk menerapkan animasi ke elemen DOM saat kontennya diperbarui, bergantung pada jenis transisi yang ditentukan. Firefox 147 hanya menambahkan dukungan untuk jenis transisi tampilan aplikasi web satu halaman (SPA), bukan jenis transisi tampilan lintas dokumen.

Browser Support

  • Chrome: 125.
  • Edge: 125.
  • Firefox: 147.
  • Safari: 18.2.

Source

Firefox kini juga mendukung properti activeViewTransition di antarmuka Document, yang menampilkan objek ViewTransition untuk transisi aktif.

Browser Support

  • Chrome: 142.
  • Edge: 142.
  • Firefox: 147.
  • Safari: 26.2.

Source

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 Chrome 145 dan Firefox 148.

Chrome 145 menyertakan properti text-justify untuk mengontrol metode perataan, dan peningkatan pada tata letak multi-kolom dengan column-wrap dan column-height. Hal ini juga membawa peristiwa onanimationcancel ke GlobalEventHandlers. Selain itu, <select> yang dapat disesuaikan diperluas ke kotak daftar.

Firefox 148 menyertakan dukungan untuk Location.ancestorOrigins, yang memungkinkan Anda menentukan apakah dokumen disematkan dalam <iframe> dan oleh situs mana.