Baru di Chrome 120

Adriana Jara

Berikut hal yang perlu Anda ketahui:

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

CloseWatcher API.

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

Developer web tidak memiliki cara yang baik untuk menangani permintaan tutup 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. Versi ini juga mencakup upgrade pada <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 yang sama:

<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 Permissions policy API yang memungkinkan developer mengontrol fitur browser yang tersedia untuk halaman, iframe, dan sub-resource, dengan mendeklarasikan serangkaian kebijakan yang akan diterapkan browser dengan Reporting API. Reporting API menyediakan mekanisme pelaporan umum yang dapat digunakan aplikasi web untuk menyediakan laporan berdasarkan beberapa fitur platform.

Integrasi Permissions Policy API dan Reporting API ini memungkinkan developer web mengonfigurasi endpoint, tempat laporan pelanggaran kebijakan izin akan dikirim, sehingga pemilik situs dapat melihat kapan fitur yang tidak diizinkan diminta untuk halaman mereka di kolom.

Mengontrol fitur browser dengan Kebijakan Izin menyertakan detail penerapan lainnya.

Dan banyak lagi!

Tentu saja masih banyak lagi.

  • Implementasi susunan bertingkat CSS yang longgar memungkinkan aturan gaya bertingkat dimulai dengan elemen, bukan digabungkan dengan is() atau memerlukan ampersand di depannya.

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

  • Dan pengingat bahwa Chrome sedang berupaya menghentikan penggunaan cookie pihak ketiga. Pada bulan Januari, eksperimen akan dimulai yang dapat memengaruhi situs Anda. Jadi, Anda harus memeriksa Bersiap menghadapi penghentian cookie pihak ketiga untuk mengetahui langkah-langkah audit dan mitigasi.

Bacaan lebih lanjut

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

Langganan

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

Yo soy Adriana Jara, tim kami mengucapkan selamat hari libur dan segera setelah Chrome 121 dirilis, saya akan segera memberi tahu Anda tentang yang baru di Chrome.