Penambahan ke Screen Capture API, interpolasi properti petak CSS, dan lainnya.
Kecuali jika dinyatakan lain, perubahan yang dijelaskan di bawah berlaku untuk rilis saluran beta Chrome terbaru untuk Android, ChromeOS, Linux, macOS, dan Windows. Pelajari lebih lanjut fitur yang tercantum di sini melalui link yang diberikan atau dari daftar di ChromeStatus.com. Chrome 107 dalam versi beta mulai 29 September 2022. Anda dapat mendownload aplikasi terbaru di Google.com untuk desktop atau di Google Play Store di Android.
Jenis interpolasi properti grid-template CSS
Di Petak CSS, properti grid-template-columns dan grid-template-rows memungkinkan developer untuk menentukan nama baris dan melacak ukuran kolom petak dan baris. Berkat para kontributor di Microsoft, kini kami mendukung interpolasi untuk properti ini. Tata letak petak kini dapat melakukan transisi antarstatus dengan lancar, bukan mengepaskan bagian tengah animasi atau transisi.
Kontrol berbagi layar yang menjaga privasi
Screen Capture API memperkenalkan penambahan pada Media Capture dan Streams API yang ada untuk memungkinkan pengguna memilih layar atau bagian layar (seperti jendela) untuk direkam sebagai streaming media. Streaming ini kemudian dapat direkam atau dibagikan kepada pengguna lain melalui jaringan. Dalam versi beta ini, beberapa fitur baru ditambahkan ke API ini.
DisplayMediaStreamConstraints.selfBrowserSurface
Petunjuk yang memungkinkan aplikasi Web memerintahkan browser apakah, setelah memanggil getDisplayMedia(), tab saat ini harus dikecualikan dari daftar tab yang ditawarkan kepada pengguna.
Hal ini membantu mencegah swafoto yang tidak disengaja, saat pengguna tidak sengaja memilih tab tempat aplikasi berjalan, efek Hall-of-Mirrors dihasilkan, membingungkan pengguna, dan mengacaukan diskusi dengan pengguna jarak jauh.
DisplayMediaStreamConstraints.surfaceSwitching
Menambahkan opsi untuk mengontrol secara terprogram apakah Chrome menampilkan tombol untuk beralih tab saat berbagi layar. Opsi ini akan diteruskan ke navigator.mediaDevices.getDisplayMedia().
Tombol Bagikan tab ini memungkinkan pengguna beralih dengan lancar tab mana yang mereka bagikan, tanpa harus memilih tab konferensi video lagi, mengklik tombol untuk memulai getDisplayMedia() lagi, atau memilih tab baru dari daftar tab yang panjang. Perilaku ini ditunjukkan secara bersyarat karena tidak semua aplikasi Web dapat menangani perilaku ini.
MediaTrackConstraintSet.displaySurface
Saat getDisplayMedia() dipanggil, browser akan memberi pengguna pilihan platform tampilan: tab, jendela, atau monitor. Dengan menggunakan batasan displaySurface, aplikasi Web kini dapat memberikan petunjuk ke browser jika lebih suka jenis platform tertentu yang ditawarkan dengan lebih jelas kepada pengguna.
Status pemblokiran rendering di Resource Timing
Menambahkan kolom ke PerfomanceResourceTiming untuk menunjukkan status pemblokiran render resource. Saat ini dari perspektif developer, satu-satunya cara untuk menentukan resource mana yang benar-benar memblokir render adalah dengan mengandalkan heuristik yang kompleks. Sebagai gantinya, kolom baru akan memberikan sinyal langsung terkait hal yang sama.
Karakter pengganti di asal kebijakan izin
Fitur ini menambahkan dukungan untuk karakter pengganti dalam kebijakan izin yang terstruktur seperti SCHEME://*.HOST:PORT (misalnya, https://*.foo.com/), tempat Asal yang valid dapat dibuat dari SCHEME://HOST:PORT (misalnya, https://foo.com/). Ini mensyaratkan bahwa HOST setidaknya eTLD+1 (domain yang dapat didaftarkan). Ini berarti https://*.bar.foo.com/ berfungsi, tetapi https://*.com/ tidak. Karakter pengganti di bagian skema dan port tidak akan didukung dan https://*.foo.com/ tidak didelegasikan ke https://foo.com/. Sebelumnya, kebijakan izin mungkin harus terlihat seperti ini:
permissions-policy: ch-ua-platform-version=(self "https://foo.com" "https://cdn1.foo.com" "https://cdn2.foo.com")
Dengan fitur ini, Anda dapat menggunakan:
permissions-policy: ch-ua-platform-version=(self "https://foo.com" "https://*.foo.com")
Mendukung atribut rel pada elemen <form>
Fitur ini menambahkan atribut rel ke elemen formulir, yang memungkinkan mencegah window.opener muncul di situs yang dibuka menggunakan elemen formulir yang memiliki rel=noopener dan mencegah header perujuk dikirim dengan rel=noreferrer.
Uji Coba Origin
Rilis Chrome ini memiliki 2 uji coba origin baru.
API Declarative PendingBeacon
API beacon stateful yang memungkinkan browser mengontrol kapan beacon dikirim. Beacon adalah paket data yang dikirim ke server backend, tanpa mengharapkan respons tertentu. Sering kali, pengiriman ini memang diharapkan di akhir kunjungan pengguna ke sebuah halaman, namun saat itu tidak ada waktu yang tepat untuk melakukan panggilan "kirim". API ini mendelegasikan pengiriman ke browser itu sendiri, sehingga dapat mendukung beacon saat penghapusan muatan halaman atau penyembunyian halaman, tanpa developer harus mengimplementasikan panggilan kirim tepat di waktu yang tepat.
Uji coba ini diperkirakan akan berjalan hingga Chrome 109. Daftar uji coba di sini.
Kebijakan-Izin: hapus muatan
Fitur ini memungkinkan halaman menonaktifkan pengoperasian pengendali peristiwa penghapusan muatan. Tujuannya adalah untuk memungkinkan situs yang telah menghapus semua pengendali penghapus muatan untuk memastikan situs tidak menambahkan pengendali baru secara tidak sengaja. Tindakan ini akan membantu situs memigrasikan pengendali peristiwa penghapusan muatan sehingga meningkatkan rasio hit BFCache.
Uji coba ini diperkirakan akan berjalan hingga Chrome 109. Daftar uji coba di sini.
Penghentian penggunaan dan penghapusan
Versi Chrome ini memperkenalkan penghentian penggunaan dan penghapusan yang tercantum di bawah. Buka ChromeStatus.com untuk melihat daftar penghentian penggunaan yang direncanakan, penghentian saat ini, dan penghapusan sebelumnya.
Rilis Chrome ini menghentikan satu fitur.
Ekspektasi-CT
Expect-CT adalah header HTTP yang memungkinkan situs ikut serta dalam penerapan Transparansi Sertifikat sebelum diterapkan secara default. Alat ini juga memiliki fungsi pelaporan untuk membantu developer menemukan kesalahan konfigurasi CT.
Header HTTP Expect-CT dirancang untuk membantu transisi ke penerapan Certificate Transparency (CT) universal, dengan memungkinkan situs bernilai tinggi ikut serta dalam penegakan atau pelaporan CT untuk keamanan yang lebih baik sebelum penegakan CT diwajibkan (oleh Chrome) di semua situs publik. Namun, Expect-CT kini sudah tidak ada lagi manfaatnya. Saat ini Chrome mengharuskan CT di semua situs publik, sehingga tidak ada nilai keamanan untuk Expect-CT lagi. Tidak ada browser lain yang telah menerapkan Expect-CT, jadi menghapusnya bukan masalah interoperabilitas.