Baru di Chrome 149

Rachel Andrew

Dipublikasikan: 2 Juni 2026

Chrome 149 kini diluncurkan, dan postingan ini membagikan beberapa fitur utama dari rilis tersebut. Baca catatan rilis Chrome 149 lengkap.

Sorotan dari rilis ini:

Dekorasi jarak CSS

Dekorasi jarak CSS memungkinkan Anda menata gaya jarak dalam tata letak penampung seperti petak dan flexbox, sehingga menghadirkan konsistensi dan opsi gaya baru yang sebelumnya memerlukan peretasan batas dan elemen semu yang kompleks. Fitur ini ramah terhadap peningkatan progresif; di browser yang tidak didukung, jarak dirender secara normal tanpa dekorasi.

Fitur ini memperkenalkan properti seperti column-rule-inset dan row-rule-inset untuk memperkecil atau memperluas dekorasi, serta column-rule-visibility-items dan row-rule-visibility-items untuk menampilkan aturan hanya di antara item yang berdekatan atau di setiap jarak. Lebar, warna, dan inset aturan dapat dianimasikan sepenuhnya, sehingga Anda dapat melakukan transisi saat kursor diarahkan atau perubahan status lainnya.

Pelajari lebih lanjut di postingan stabil dekorasi jarak CSS.

Memutuskan sambungan WebSocket saat entri bfcache

Koneksi WebSocket aktif tidak lagi mencegah halaman masuk ke back-forward cache (bfcache). Dengan menutup koneksi WebSocket secara proaktif saat entri BFCache, bukan menandai dokumen sebagai tidak memenuhi syarat, browser memungkinkan halaman dengan WebSocket aktif disimpan dalam memori dan langsung dipulihkan.

Sebelumnya, koneksi WebSocket aktif akan memaksa browser untuk menghapus halaman saat pengguna keluar, sehingga halaman tidak dapat disimpan di back-forward cache (bfcache).

Intl.Locale.prototype.variants

Objek Intl.Locale mewakili ID lokalitas Unicode. Objek utama adalah Baseline yang Tersedia Luas.

Varian adalah bagian dari ID bahasa utama, dan memilih varian bahasa yang tidak dapat dibedakan oleh tiga bahasa (bahasa, wilayah, skrip). Fitur ini sudah dikirimkan di Firefox dan Safari, dan kini tersedia di Chrome.

Contoh:

const locale = new Intl.Locale("sl-rozaj-biske");
console.log(locale.variants); // "rozaj-biske"

Pelajari lebih lanjut di dokumentasi MDN untuk Intl.Locale.prototype.variants.

Bacaan lebih lanjut

Hal ini hanya mencakup beberapa sorotan utama. Lihat tautan berikut untuk mengetahui perubahan tambahan di Chrome 149.

Langganan

Untuk terus mendapatkan informasi terbaru, subscribe ke channel YouTube Chrome Developers, dan Anda akan mendapatkan notifikasi email setiap kali kami meluncurkan video baru. Atau ikuti kami di X atau LinkedIn untuk mendapatkan artikel dan postingan blog baru.

Segera setelah Chrome 150 dirilis, kami akan segera memberi tahu Anda tentang hal baru di Chrome.