Baru di Chrome 119

Adriana Jara

Berikut hal yang perlu Anda ketahui:

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

Tanggal habis masa berlaku cookie.

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

Tanggal habis masa berlaku cookie ini akan dibatasi tidak lebih dari 400 hari setelah Chrome 119+ pertama kali 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 lama yang belum diperbarui dalam periode tersebut.

Anda dapat membaca selengkapnya tentang rekomendasi tanggal habis masa berlaku dan berikut 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:

Pertama: pseudo-class :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. Pseudo-class ini mirip dengan :valid dan :invalid, tetapi dengan batasan tambahan bahwa pseudo-class baru hanya cocok 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 terang.

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

Properti clip-path membuat region pemangkasan yang menetapkan bagian elemen yang akan ditampilkan. Bagian yang berada di dalam wilayah akan ditampilkan, sedangkan bagian yang berada di luar akan disembunyikan.

Sekarang Anda dapat menggunakan nilai <geometry-box> untuk mengontrol kotak referensi klip, sehingga clip-path lebih mudah digunakan. Nilai kotak ini dapat digunakan bersama dengan 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 membulat.

Koreksi: Versi sebelumnya dari artikel ini merujuk pada peningkatan untuk Frame Pagar. Perubahan ini kini 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 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 membahas beberapa sorotan utama. Lihat link di bawah untuk mengetahui perubahan tambahan di Chrome 119.

Langganan

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

Saya Adriana Jara, dan segera setelah Chrome 120 dirilis, saya akan langsung memberi tahu Anda yang baru di Chrome.