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 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 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, 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 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 Picture-in-Picture Dokumen.

  • 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 membahas beberapa sorotan utama. Periksa link di bawah untuk mengetahui perubahan tambahan di Chrome 120.

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