Baru di Chrome 149

Dipublikasikan: 2 Juni 2026

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

Sorotan dari rilis ini:

Dekorasi celah CSS

Dengan dekorasi celah CSS, Anda dapat menata celah dalam tata letak penampung seperti petak dan flexbox, sehingga menghadirkan konsistensi dan opsi penataan baru yang sebelumnya memerlukan peretasan elemen semu dan batas yang kompleks. Fitur ini kompatibel dengan peningkatan progresif; di browser yang tidak didukung, celah dirender secara normal tanpa dekorasi.

Properti 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 celah. Lebar, warna, dan inset aturan dapat dianimasikan sepenuhnya, sehingga Anda dapat melakukan transisi saat mengarahkan kursor atau perubahan status lainnya.

Pelajari lebih lanjut di postingan stabil dekorasi celah CSS.

Memutuskan koneksi WebSocket pada entri bfcache

Koneksi WebSocket aktif tidak lagi mencegah halaman masuk ke Back/Forward Cache (bfcache). Dengan menutup koneksi WebSocket secara proaktif pada entri BFCache, bukan menandai dokumen sebagai tidak memenuhi syarat, browser memungkinkan halaman dengan WebSocket aktif disimpan dalam memori dan dipulihkan secara instan.

Sebelumnya, koneksi WebSocket aktif akan memaksa browser membuang halaman saat pengguna keluar dari halaman tersebut, sehingga mencegah halaman disimpan di Back/Forward Cache (bfcache).

Intl.Locale.prototype.variants

Objek Intl.Locale mewakili ID lokalitas Unicode. Objek utamanya adalah Baseline Tersedia luas.

Varian adalah bagian dari ID bahasa utama, dan memilih varian bahasa yang tidak dapat dibedakan oleh tiga tuple (bahasa, wilayah, skrip). Fitur ini sudah diluncurkan 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

Ini hanya mencakup beberapa sorotan utama. Periksa link berikut untuk mengetahui perubahan tambahan di Chrome 149.

Langganan

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

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