Baru di Chrome 119

Adriana Jara

Berikut hal yang perlu Anda ketahui:

Saya Adriana Jara. Mari kita pelajari lebih dalam dan lihat apa yang baru untuk developer di Chrome 119.

Tanggal habis masa berlaku cookie.

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

Tanggal habis masa berlaku cookie tersebut akan dibatasi tidak lebih dari 400 hari setelah pertama kali Chrome 119 atau yang lebih baru 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 dan belum diupdate dalam periode tersebut.

Anda dapat membaca lebih lanjut rekomendasi tanggal habis masa berlaku dan berikut adalah pengingat bahwa cookie pihak ketiga tidak akan digunakan lagi dalam waktu dekat serta panduan untuk bersiap menghadapi penghentian penggunaan.

Update CSS

Untuk CSS, kami memiliki tiga pembaruan:

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

Nomor dua: sintaksis warna relatif memungkinkan developer menentukan warna dengan memodifikasi 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 klip yang menetapkan bagian elemen mana yang harus ditampilkan. Bagian yang ada di dalam wilayah ditampilkan, sedangkan bagian di luarnya disembunyikan.

Anda kini dapat menggunakan nilai <geometry-box> untuk mengontrol kotak referensi klip, sehingga clip-path lebih mudah digunakan. Nilai kotak ini dapat digunakan bersama bentuk dasar (misalnya, clip-path: circle(50%) margin-box), atau dapat digunakan sendiri untuk memotong 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 dengan sudut membulat.

Koreksi: Versi sebelumnya dari artikel ini merujuk pada peningkatan untuk Bingkai Berpagar. Perubahan ini sekarang tersedia 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 berbagi 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

Artikel ini hanya mencakup beberapa sorotan utama. Periksa tautan di bawah untuk perubahan tambahan di Chrome 119.

Langganan

Untuk mendapatkan info terbaru, berlangganan Channel YouTube Developer Chrome, dan Anda akan mendapatkan notifikasi email setiap kali kami meluncurkan video baru.

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