Baru di Chrome 114

Adriana Jara

Berikut hal yang perlu Anda ketahui:

  • CSS text-wrap: balance tersedia untuk meningkatkan tata letak teks.
  • Cookie yang dipartisi menurut situs tingkat teratas (CHIPS) ada di sini.
  • Pop-up menjadi lebih mudah dengan Popover API.
  • Dan masih banyak lainnya.

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

text-wrap:balance.

Gunakan text-wrap: balance untuk meningkatkan tata letak teks. Animasi di bawah ini menunjukkan perbedaan yang dapat Anda buat dengan satu baris ini.

Coba demo

Sebagai developer, Anda tidak mengetahui ukuran akhir, ukuran font, atau bahkan bahasa teks. Semua variabel diperlukan untuk penanganan penataan teks yang efektif. Karena browser mengetahui semua faktor, dengan text-wrap:balance, Anda dapat meminta browser untuk mencari tahu solusi perataan baris yang seimbang dan terbaik.

Dua contoh sebelumnya ditampilkan bersama, satu ditandai sebagai tidak seimbang dan yang lainnya sebagai seimbang.

Blok teks yang seimbang lebih enak dipandang oleh pembaca. Teks ini menarik perhatian dengan lebih baik dan secara keseluruhan lebih mudah dibaca.

Menyeimbangkan judul akan dan harus menjadi kasus penggunaan utama untuk text-wrap: balance. Ada biaya performa untuk menyeimbangkan teks, sehingga untuk mengurangi biaya, fitur ini hanya berfungsi hingga empat baris.

Baca artikel ini yang berisi contoh dan detail selengkapnya untuk meningkatkan tata letak teks Anda.

CHIPS: Cookies Having Independent Partitioned State.

CHIPS (Cookies Having Independent Partitioned State), memungkinkan keikutsertaan dalam cookie pihak ketiga yang dipartisi oleh situs tingkat atas menggunakan atribut cookie baru Partitioned.

Sebelum CHIPS, saat pengguna mengunjungi situs A, situs C tersemat dapat menetapkan cookie di komputer pengguna. Jika pengguna kemudian mengunjungi situs B yang juga menyematkan situs C, situs C dapat mengakses cookie yang sama dengan yang ditetapkan di situs A. Ini memungkinkan situs C mengompilasi aktivitas penjelajahan pengguna di seluruh situs A, B, dan setiap situs tempat situs itu disematkan.

Diagram yang menunjukkan situs dan penyimpanan dengan cookie yang tidak dipartisi.

Meskipun pelacakan lintas situs merupakan masalah, ada kebutuhan cookie lintas situs yang valid yang dapat dicapai dengan cara yang menjaga privasi dengan partisi cookie.

Dengan CHIPS, saat pengguna mengunjungi situs A dan konten tersemat dari situs C menetapkan cookie dengan atribut Partisi, cookie akan disimpan dalam jar yang dipartisi hanya untuk cookie yang ditetapkan situs C saat disematkan di situs A. Browser hanya akan mengirimkan cookie tersebut jika situs tingkat teratas adalah A.

Diagram yang menunjukkan situs dan penyimpanan yang dipartisi dengan cookie.

Saat pengguna mengunjungi situs baru, misalnya situs B, situs C tidak akan menerima cookie yang ditetapkan saat C disematkan di situs A.

Baca artikel ini untuk mengetahui detail selengkapnya tentang proses penghentian cookie pihak ketiga secara bertahap.

Popover API.

Dengan Popover API, Anda dapat lebih mudah membuat elemen antarmuka pengguna (UI) sementara yang ditampilkan di atas semua UI aplikasi web lainnya.

Hal ini mencakup elemen interaktif pengguna seperti menu tindakan, saran elemen formulir, pemilih konten, dan UI pengajaran.

Atribut pop-up baru memungkinkan elemen apa pun ditampilkan di lapisan atas secara otomatis. Artinya, developer tidak perlu lagi mengkhawatirkan posisi, elemen yang ditumpuk, fokus, atau interaksi keyboard.

Ini mirip dengan elemen <dialog>, tetapi memiliki beberapa perbedaan penting, termasuk perilaku penutupan ringan, pengelolaan interaksi popover, dan dukungan peristiwa, serta tidak adanya mode "modal".

Baca artikel ini untuk informasi selengkapnya.

Dan banyak lagi!

Tentu saja masih banyak lagi.

Bacaan lebih lanjut

Artikel ini hanya mencakup beberapa sorotan utama. Lihat link di bawah untuk mengetahui perubahan tambahan di Chrome 114.

Langganan

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

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