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 oleh situs tingkat atas (CHIPS) ada di sini.
  • Popover semakin mudah dengan Popover API.
  • Dan masih banyak lagi.

Saya Adriana Jara. Mari selami dan lihat hal-hal 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 perlakuan yang efektif terhadap pengemasan teks. Karena browser mengetahui semua faktor, dengan text-wrap:balance Anda dapat meminta browser untuk menemukan solusi pembungkus garis seimbang terbaik.

Dua contoh sebelumnya ditampilkan bersamaan, satu contoh ditandai sebagai tidak seimbang dan yang lain ditandai sebagai seimbang.

Blok teks yang seimbang akan lebih menyenangkan di mata pembaca. Judul ini menarik perhatian dengan lebih baik dan secara keseluruhan lebih mudah dibaca.

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

Lihat artikel ini yang berisi contoh dan detail lainnya untuk meningkatkan tata letak teks Anda.

CHIPS: Cookie Memiliki Status Terpartisi Independen.

CHIPS (Cookie Memiliki Status Partisi Independen), memungkinkan keikutsertaan dalam cookie pihak ketiga yang dipartisi oleh situs tingkat teratas menggunakan atribut cookie baru Partitioned.

Sebelum CHIPS, saat pengguna mengunjungi situs A, situs tersemat C dapat menetapkan cookie di perangkat 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. Dengan demikian, situs C dapat mengompilasi aktivitas penjelajahan pengguna di situs A, B, dan setiap situs yang menyematkannya.

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

Meskipun pelacakan lintas situs menjadi 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 yang disematkan dari situs C menetapkan cookie dengan atribut Dipartisi, cookie disimpan dalam stoples yang dipartisi hanya untuk cookie yang ditetapkan situs C saat disematkan di situs A. Browser hanya akan mengirim cookie tersebut jika situs tingkat atas 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.

Popover API.

Dengan Popover API, lebih mudah membangun 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, penentu konten, dan UI pengajaran.

Atribut popover baru memungkinkan elemen apa pun ditampilkan di lapisan atas secara otomatis. Ini berarti tidak perlu lagi mengkhawatirkan pemosisian, elemen penumpukan, fokus, atau interaksi keyboard bagi developer.

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

Baca artikel ini untuk mengetahui informasi selengkapnya.

Dan banyak lagi!

Tentu saja masih banyak lagi.

Bacaan lebih lanjut

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

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 115 dirilis, saya akan langsung memberi tahu Anda apa yang baru di Chrome!