Baru menggunakan platform web pada bulan Juni

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

Rachel Andrew

Dipublikasikan: 30 Juni 2025

Rilis browser stabil

Pada Juni 2025, Firefox 140 dan Chrome 138 menjadi stabil. Postingan ini membahas fitur baru yang ditambahkan ke platform web dengan rilis ini.

Meng-escape < dan > dalam atribut saat melakukan serialisasi HTML

Chrome 138 dan Firefox 140 menyertakan perubahan ini untuk mencegah eksploitasi saat HTML diserialisasi, lalu dimasukkan kembali ke DOM. Perubahan ini juga disertakan dalam versi Beta untuk Safari 26. Pelajari lebih lanjut alasan perubahan ini diperlukan.

CSS Custom Highlight API

Firefox 140 menerapkan CSS Custom Highlight API. Dengan begitu, Anda dapat menentukan dan menata gaya rentang teks arbitrer dalam dokumen, serupa dengan pseudo-elemen CSS sorotan lainnya seperti ::grammar-error.

Selain JavaScript API, pekerjaan ini mencakup elemen pseudo ::highlight CSS, yang digunakan untuk menerapkan gaya ke sorotan yang terdaftar. Meskipun fitur ini sekarang dapat dioperasikan secara luas, beberapa masalah pada elemen pseudo ::highlight membuatnya belum sepenuhnya Dasar Pengukuran.

Cookie Store API

Cookie Store API adalah API asinkron untuk mengelola cookie, dan didukung dari Firefox 140. Kini ada dukungan dasar untuk API ini di semua browser, tetapi periksa diagram kompatibilitas di MDN untuk mengetahui informasi tentang bagian yang belum dapat dioperasikan secara bersama.

Penghapusan peristiwa mutasi

Interop 2025 berisi penghapusan tahun ini. Peristiwa mutasi lama seperti DOMSubtreeModified, DOMNodeInserted, dan DOMNodeRemoved memantau perubahan pada DOM dan menjalankan callback pemroses peristiwa saat perubahan DOM terjadi. Peristiwa mutasi ini tidak digunakan lagi dan diganti dengan MutationObserver API, yang memiliki performa lebih baik dan lebih jarang mengalami error.

Firefox 140 menghapus peristiwa ini, yang sudah dihapus dari Chrome.

Fungsi CSS di Chrome 138

Chrome 138 menyertakan serangkaian fungsi CSS, beberapa di antaranya baru untuk platform, yang lain menjadi Dasar Pengukuran dengan penyertaannya di Chrome.

Fungsi terkait tanda tangan abs() dan sign() menjadi Dasar Pengukuran yang baru tersedia dengan Chrome 138.

Yang baru di platform ini adalah fungsi interpolasi—progress().

Chrome 138 juga menyertakan sibling-index() dan sibling-count(). Nilai ini dapat digunakan sebagai bilangan bulat dalam nilai properti CSS untuk menata gaya elemen berdasarkan posisinya di antara elemen yang sama, atau jumlah total elemen yang sama.

API AI bawaan untuk terjemahan, deteksi bahasa, dan ringkasan

Chrome 138 menyertakan tiga JavaScript AI API bawaan. Translator dan Language Detector API memungkinkan Anda mendeteksi bahasa yang digunakan untuk menulis teks, dan menerjemahkan teks tersebut ke berbagai bahasa. Model ini menggunakan model AI internal browser sendiri, dan begitu juga dengan pekerjaan ini di perangkat.

Summarizer API merumuskan teks, lagi-lagi di perangkat menggunakan model AI internal browser.

Dukungan untuk orientasi frame video di WebCodecs

Chrome 138 juga menambahkan nilai rotation: int dan flip: bool ke berbagai antarmuka terkait video di WebCodecs sehingga developer dapat menggunakan sumber frame yang memiliki orientasi.

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 141, Safari 26, dan Chrome 139.

Safari 26 menjanjikan rilis yang penuh fitur untuk browser. Untuk CSS, dukungan ini mencakup dukungan untuk overflow-block dan overflow-inline, Animasi berbasis scroll, pemosisian anchor, fungsi progress() CSS, dan banyak lagi. Ada juga dukungan untuk AudioEncoder dan AudioDecoder API, URLPattern API, Digital Credentials API, Trusted Types, dan WebAuthn Signal API.

Chrome 139 menyertakan Fungsi Khusus CSS, pembentukan sudut, dan properti caret-animation. Juga disertakan adalah Web Speech API di perangkat, ekstensi cakupan aplikasi Web, dan perintah pemanggil request-close.

Firefox 141 menambahkan argumen options.source untuk showPopover() dan togglePopover(), untuk membuat hubungan antara popover dan pemanggilnya. Versi ini juga menyertakan dukungan untuk properti font-variant-emoji CSS.