Baru menggunakan platform web pada bulan April

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

Rachel Andrew

Dipublikasikan: 30 April 2025

Rilis browser stabil

Pada April 2025, Firefox 137, Firefox 138, Chrome 135, dan Chrome 136 menjadi stabil. Postingan ini membahas fitur baru yang ditambahkan ke platform web selama sebulan yang melihat dua rilis dari Chrome dan Firefox.

Carousel hadir di Chrome

Beberapa fitur yang masuk ke Chrome dalam versi 135 memungkinkan pembuatan carousel dan pengalaman dengan nomor halaman lainnya di web.

Elemen pseudo ::scroll-button() dan ::scroll-marker() memungkinkan Anda menambahkan tombol dan penanda ke area yang dapat di-scroll di situs, sehingga memberinya kontrol navigasi dan cara untuk menunjukkan kepada pengguna posisi mereka saat mereka menavigasi carousel.

Browser Support

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

Source

Elemen semu ::column yang memungkinkan Anda menata gaya fragmen kolom.

Browser Support

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

Source

Properti interactivity menentukan apakah elemen dan turunan pohon datarnya (termasuk teks yang berjalan) tidak aktif atau tidak.

Browser Support

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

Membuat elemen menjadi tidak aktif akan memengaruhi apakah elemen tersebut dapat difokuskan, diedit, dipilih, dan ditelusuri oleh temukan di halaman. Hal ini juga memengaruhi apakah elemen tersebut terlihat di hierarki aksesibilitas.

Anda dapat mempelajari lebih lanjut di Carousel dengan CSS.

Atribut command dan commandfor

Atribut command dan commandfor juga tersedia di Chrome 135. Atribut ini meningkatkan dan mengganti atribut popovertargetaction dan popovertarget. Atribut baru ini dapat ditambahkan ke tombol, sehingga browser dapat mengatasi beberapa masalah inti seputar kesederhanaan dan aksesibilitas, serta memberikan fungsi umum bawaan.

Cari tahu selengkapnya di Memperkenalkan command dan commandfor.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: behind a flag.
  • Safari Technology Preview: supported.

Source

Fungsi shape() CSS

Fungsi CSS shape() di Chrome 135 digunakan untuk menentukan bentuk properti clip-path dan offset-path. Pelajari cara menggunakannya untuk pemangkasan responsif. Fungsi ini dikirimkan di Safari 18.4 dan juga di Firefox Nightly, mudah-mudahan akan segera tersedia di Baseline Baru.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox Technology Preview: supported.
  • Safari: 18.4.

Source

Atomics.pause()

Firefox 137 menyertakan Atomics.pause() sehingga Dasar Pengukuran fitur ini tersedia. Metode statis ini menyediakan primitif waktu tunggu mikro yang mengisyaratkan kepada CPU bahwa pemanggil berputar saat menunggu akses ke resource bersama. Hal ini memungkinkan sistem mengurangi resource yang dialokasikan ke core (seperti daya) atau thread, tanpa menghasilkan thread saat ini.

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 137.
  • Safari: 18.4.

Source

CSS hyphenate-limit-chars

Firefox 137 juga menyertakan properti CSS hyphenate-limit-chars. Properti ini menentukan panjang kata minimum untuk memungkinkan tanda hubung kata, dan jumlah karakter minimum sebelum dan sesudah tanda hubung.

Browser Support

  • Chrome: 109.
  • Edge: 109.
  • Firefox: 137.
  • Safari: not supported.

Source

RegExp.escape

Metode statis RegExp.escape telah diluncurkan di semua browser dalam beberapa bulan, dan menjadi Dasar Pengukuran yang Baru tersedia saat diluncurkan di Chrome 136.

Metode ini meng-escape karakter sintaksis ekspresi reguler potensial dalam string, yang menampilkan string baru yang dapat digunakan dengan aman sebagai pola literal untuk konstruktor RegExp().

Browser Support

  • Chrome: 136.
  • Edge: 136.
  • Firefox: 134.
  • Safari: 18.2.

Source

Error.isError()

Metode statis Error.isError() menentukan apakah nilai yang diteruskan adalah Error. Fitur ini disertakan dalam Firefox 138. Meskipun memiliki dukungan browser di semua browser, fitur ini belum dianggap sebagai Dasar Pengukuran yang Baru tersedia karena Safari saat ini menampilkan false untuk instance DOMException.

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox: 138.
  • Safari: 18.4.

Source

Login Status API untuk FedCM

Firefox 138 mendukung Login Status API saat menggunakan Federated Credential Management (FedCM) API. Ini digunakan untuk menetapkan dan memeriksa apakah pengguna browser login ke penyedia identitas. Firefox 138 menyertakan dukungan untuk antarmuka NavigatorLogin, properti navigator.login, dan header respons HTTP Set-Login.

Browser Support

  • Chrome: 120.
  • Edge: 120.
  • Firefox: 138.
  • Safari: not supported.

Source

Integritas importmap

Di Firefox 138, nilai importmap dari atribut type elemen <script> kini mendukung kunci integrity. Hal ini memungkinkan URL modul ES yang dirujuk dalam peta impor dicocokkan dengan metadata integritasnya. Fitur ini kini tersedia di Dasar Pengukuran Baru.

Browser Support

  • Chrome: 127.
  • Edge: 127.
  • Firefox: 138.
  • Safari: 18.

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 139 dan Safari 18.5.

Safari 18.5 beta sejauh ini hanya menyertakan beberapa perbaikan bug setelah rilis besar 18.4.

Pada saat penulisan, Firefox belum memublikasikan catatan rilisnya, tetapi versi beta tampaknya menyertakan pengiriman Temporal API, sehingga Firefox menjadi browser pertama yang mengirimkan Date versi yang ditingkatkan ini. Juga implementasi <dialog> request.close(), yang akan membawa metode ini ke Dasar Pengukuran yang Baru tersedia.