Baru menggunakan platform web pada bulan Mei

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

Rachel Andrew

Dipublikasikan: 29 Mei 2025

Rilis browser stabil

Pada Mei 2025, Firefox 139, Chrome 137, dan Safari 18.5 menjadi stabil. Postingan ini membahas fitur baru yang ditambahkan ke platform web dengan rilis ini.

Temporal API

Firefox 139 adalah browser pertama yang mendukung Temporal API. Hal ini menyederhanakan penggunaan tanggal dan waktu dalam berbagai skenario, dengan representasi zona waktu dan kalender bawaan.

hidden=until-found dan peristiwa beforematch

Firefox 139 juga menyertakan atribut HTML hidden="until-found" dan peristiwa beforematch. Status until-found memungkinkan Anda menyembunyikan konten elemen hingga ditemukan oleh penelusuran pengguna (misalnya, menggunakan "Temukan di halaman") atau dengan navigasi fragmen. Peristiwa beforematch diaktifkan tepat sebelum atribut hidden dihapus

Metode requestClose()

Sekarang Dasar Pengukuran Metode requestClose() antarmuka HTMLDialogElement kini tersedia dengan rilis Firefox 139.

Metode ini berbeda dengan metode HTMLDialogElement.close() karena memicu peristiwa cancel sebelum memicu peristiwa close.

reading-flow dan reading-order CSS

Chrome 137 mengirimkan reading-flow dan reading-order. Properti CSS reading-flow mengontrol urutan elemen dalam tata letak flex, petak, atau blok yang ditampilkan ke alat aksesibilitas dan cara elemen tersebut difokuskan menggunakan metode navigasi berurutan linear. Hal ini menyelesaikan masalah lama pada tata letak petak dan fleksibel, dengan urutan tab yang dapat terputus dari urutan tata letak item.

Properti CSS reading-order memungkinkan Anda mengganti urutan item secara manual dalam penampung alur membaca. Untuk menggunakan properti ini di dalam penampung petak, flex, atau blok, tetapkan nilai reading-flow pada penampung ke source-order dan tetapkan reading-order setiap item ke nilai bilangan bulat.

Untuk mempelajari lebih lanjut, baca Menggunakan alur pembacaan CSS untuk navigasi fokus berurutan yang logis.

Fungsi if() CSS

Selain itu, di Chrome 137, fungsi if() CSS memberikan cara ringkas untuk mengekspresikan nilai kondisional. Properti ini menerima serangkaian pasangan nilai kondisi, yang dipisahkan dengan titik koma. Fungsi ini mengevaluasi setiap kondisi secara berurutan dan menampilkan nilai yang terkait dengan kondisi pertama yang benar. Jika tidak ada kondisi yang bernilai benar, fungsi akan menampilkan aliran token kosong.

Document-Isolation-Policy

Dikirimkan di Chrome 137, Document-Isolation-Policy memungkinkan dokumen mengaktifkan crossOriginIsolation untuk dirinya sendiri, tanpa harus men-deploy COOP atau COEP, dan apa pun status crossOriginIsolation halaman. Kebijakan ini didukung oleh isolasi proses. Selain itu, subresource lintas asal non-CORS dokumen akan dimuat tanpa kredensial atau harus memiliki header CORP.

Web Push Deklaratif

Safari 18.5 sebagian besar adalah rilis perbaikan bug, tetapi menambahkan Push Web Deklaratif ke macOS, fitur yang saat ini hanya tersedia di Safari. Pelajari lebih lanjut di Meet Declarative Web Push di blog WebKit.

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 140 dan Chrome 138.

Firefox 140 menyertakan subset dari Cookie Store API, metode pengelolaan cookie berbasis Promise yang modern dan asinkron, yang dapat digunakan di thread utama dan di pekerja layanan.

Chrome 138 menyertakan sejumlah API AI bawaan—Summarizer API, Language Detector API, dan Translator API.

Selain itu, di Chrome 138 terdapat sejumlah fitur CSS, termasuk kata kunci ukuran stretch, dan fungsi sibling-index() dan sibling-count().