Baru di Chrome 119

Adriana Jara

Berikut hal yang perlu Anda ketahui:

Saya Adriana Jara. Mari selami dan lihat hal-hal baru untuk developer di Chrome 119.

Tanggal habis masa berlaku cookie.

Karena cookie Chrome 104 yang baru dibuat atau yang diperbarui dengan tanggal habis masa berlaku, tanggal tersebut dibatasi tidak lebih dari 400 hari ke depan. Batas yang sama ini sekarang akan berlaku secara surut untuk cookie yang sudah ada di penyimpanan.

Tanggal habis masa berlaku cookie ini akan dibatasi tidak lebih dari 400 hari setelah pertama kali Chrome 119+ dimulai dan melakukan migrasi database satu kali. Dampak perubahan ini tidak akan dirasakan oleh pengguna hingga setidaknya 400 hari setelah Chrome 119 dirilis, dan hanya untuk cookie yang sudah ada yang belum diupdate dalam periode tersebut.

Anda dapat membaca informasi selengkapnya tentang rekomendasi tanggal habis masa berlaku. Berikut ini adalah pengingat bahwa cookie pihak ketiga tidak akan digunakan lagi dalam waktu dekat dan panduan untuk mempersiapkan penghentian penggunaan.

Update CSS

Untuk CSS, kami memiliki tiga pembaruan:

Nomor satu: pseudo-class :user-invalid dan :user-valid baru yang masing-masing mewakili elemen dengan input yang salah atau benar, tetapi hanya setelah pengguna berinteraksi dengannya secara signifikan. Class pseudo ini mirip dengan :valid dan :invalid, tetapi dengan batasan tambahan yang hanya cocok dengan pseudo-class baru setelah pengguna berinteraksi dengan elemen.

Kedua: sintaksis warna relatif memungkinkan developer menentukan warna dengan mengubah parameter warna lain.

Misalnya: oklab(from magenta calc(l * 0.8) a b); menghasilkan magenta Oklab yang 80% lebih ringan.

Dan nomor tiga: clip-path sekarang mendukung lebih banyak nilai.

Properti clip-path membuat area pemotongan yang menetapkan bagian dari elemen yang harus ditampilkan. Bagian yang berada di dalam wilayah ditampilkan, sementara yang di luar disembunyikan.

Kini Anda dapat menggunakan nilai <geometry-box> untuk mengontrol kotak referensi klip, sehingga mempermudah penggunaan clip-path. Nilai kotak ini dapat digunakan bersama bentuk dasar (misalnya, clip-path: circle(50%) margin-box), atau dapat digunakan sendiri untuk diklip ke kotak yang ditentukan (misalnya,clip-path: content-box).

Anda juga dapat menggunakan fungsi xywh() dan rect() yang mempermudah penentuan klip persegi panjang atau persegi panjang membulat.

Koreksi: Versi sebelumnya dari artikel ini merujuk pada peningkatan untuk Frame dengan Fence. Perubahan ini kini diluncurkan di Chrome 120.

Dan banyak lagi!

Tentu saja masih banyak lagi.

  • WebSQL dihapus sepenuhnya mulai Chrome 119. Uji coba origin terbalik memungkinkan developer terus menggunakan WebSQL hingga Chrome 123.

  • Sekarang opsi monitorTypeSurfaces dapat digunakan untuk mencegah pengguna membagikan seluruh layar, dengan getDisplayMedia()

  • Ada uji coba origin yang menambahkan parameter windowFeatures fullscreen ke window.open() JavaScript API untuk memungkinkan pemanggil membuka pop-up langsung ke layar penuh.

Bacaan lebih lanjut

Bagian ini hanya mencakup beberapa sorotan utama. Periksa link di bawah untuk melihat perubahan tambahan di Chrome 119.

Langganan

Untuk terus mengikuti info terbaru, subscribe ke channel YouTube Chrome Developers, dan Anda akan mendapatkan notifikasi email setiap kali kami meluncurkan video baru.

Halo Adriana Jara, dan segera setelah Chrome 120 dirilis, saya akan ada di sini untuk memberi tahu Anda apa yang baru di Chrome!