Baru di Chrome 120

Adriana Jara

Berikut hal yang perlu Anda ketahui:

Saya Adriana Jara. Mari kita selami dan lihat apa yang baru untuk developer di Chrome 120.

API CloseWatcher.

Fitur penting dari komponen modal atau pop-up adalah 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 untuk menangani permintaan tertutup untuk komponen mereka sendiri. Hal ini terutama bermasalah di perangkat Android, karena menyediakan perilaku penutupan sederhana untuk gestur kembali cukup kompleks.

Chrome 120 menghadirkan solusi dengan CloseWatcher, API baru untuk langsung memproses 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 contoh 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-nya, dengan menyatakan serangkaian kebijakan yang harus diterapkan oleh browser dengan Reporting API. Reporting API menyediakan mekanisme pelaporan generik untuk digunakan aplikasi web agar laporan tersedia berdasarkan beberapa fitur platform.

Integrasi Permissions Policy API dan Reporting API 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 santai 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 yang dapat memengaruhi situs Anda dimulai, jadi penting untuk memeriksa Bersiap menghadapi akhir cookie pihak ketiga untuk mengaudit dan melakukan langkah-langkah mitigasi.

Bacaan lebih lanjut

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

Langganan

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

Halo Adriana Jara, tim kami mengucapkan selamat liburan. Setelah Chrome 121 dirilis, saya akan segera memberi tahu Anda apa saja yang baru di Chrome.