Baru di Chrome 120

Adriana Jara

Berikut hal yang perlu Anda ketahui:

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

CloseWatcher API.

Fitur penting dari komponen modal atau pop-up adalah komponennya mudah ditutup,dengan mekanisme yang konsisten untuk melakukannya. Mekanisme tersebut disebut permintaan tutup, biasanya berupa tombol ESC di platform desktop, dan gestur atau tombol kembali di Android.

Pengembang web tidak memiliki cara yang baik dalam menangani permintaan tutup untuk komponen mereka sendiri. Hal ini terutama bermasalah di perangkat Android, karena memberikan perilaku penutupan sederhana untuk gestur kembali cukup kompleks.

Chrome 120 menghadirkan solusi dengan CloseWatcher, API baru untuk langsung mendengarkan dan merespons permintaan tutup. Rilis ini juga mencakup upgrade ke <dialog> dan popover="" untuk menggunakan framework permintaan tutup baru, sehingga framework tersebut merespons tombol kembali di Android.

Lihat demo CloseWatcher API untuk mencobanya.

Atribut nama <details>

Atribut name untuk elemen <details> memudahkan penerapan pola akordeon menggunakan urutan elemen HTML <details>.

Beberapa elemen <details> yang memiliki name yang sama membentuk grup. Dengan penyiapan ini, maksimal satu elemen dalam grup tersebut dapat dibuka sekaligus.

Berikut adalah contoh dengan grup yang memiliki nama cookies:

<details name="cookies">
  <summary>Chocolate chip</summary>
  Yum yum chocolate chip.
</details>
<details name="cookies">
  <summary>Snickerdoodle</summary>
   Yum yum snickerdoodle.
</details>
<details name="cookies">
  <summary>Maicenitas</summary>
   Yum yum maicenitas.
</details>
<details name="cookies">
  <summary>Sugar cookies</summary>
   Yum yum sugar cookies.
</details>

Laporan pelanggaran kebijakan izin

Laporan pelanggaran kebijakan izin kini tersedia. Laporan ini mengintegrasikan API kebijakan Izin yang memungkinkan developer mengontrol fitur browser yang tersedia untuk halaman, iframe, dan subresource, dengan mendeklarasikan serangkaian kebijakan untuk diterapkan oleh browser menggunakan Reporting API. Reporting API menyediakan mekanisme pelaporan umum untuk aplikasi web yang akan digunakan agar laporan tersedia berdasarkan beberapa fitur platform.

Integrasi API Kebijakan Izin dan API Pelaporan ini memungkinkan developer web mengonfigurasi endpoint, yang akan dikirimi laporan pelanggaran kebijakan izin, sehingga pemilik situs dapat melihat saat fitur yang tidak diizinkan diminta untuk halaman mereka di kolom.

Mengontrol fitur browser dengan Kebijakan Izin mencakup detail implementasi selengkapnya.

Dan banyak lagi!

Tentu saja masih banyak lagi.

  • Penerapan penyusunan bertingkat CSS yang longgar memungkinkan aturan gaya bertingkat dimulai dengan elemen, bukan digabungkan dengan is() atau memerlukan ampersand di depan.

  • Dengan tindakan enterpictureinpicture di Media Session API, situs dapat mendaftarkan pengendali tindakan yang dapat digunakan untuk membuka jendela Picture-in-Picture atau Document Picture-in-Picture.

  • Dan perlu diingat bahwa Chrome sedang berupaya menghentikan penggunaan cookie pihak ketiga. Pada bulan Januari, eksperimen dimulai yang dapat memengaruhi situs Anda. Oleh karena itu, Anda harus mencentang Menyiapkan akhir cookie pihak ketiga untuk langkah audit dan mitigasi.

Bacaan lebih lanjut

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

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, tim kami mengucapkan selamat liburan dan segera setelah Chrome 121 dirilis, saya akan siap untuk memberi tahu Anda apa yang baru di Chrome.