Penambahan pada Screen Capture API, interpolasi properti grid-template 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 disediakan atau dari daftar di ChromeStatus.com. Chrome 107 masih dalam versi beta mulai 29 September 2022. Anda dapat mendownload versi terbarunya di Google.com untuk desktop atau di Google Play Store di Android.
Interpolasi properti grid-template CSS
Di CSS Grid, properti grid-template-columns dan grid-template-rows memungkinkan developer menentukan nama garis dan melacak ukuran kolom dan baris petak. Berkat kontributor kami di Microsoft, kami kini mendukung interpolasi untuk properti ini. Tata letak petak kini dapat bertransisi dengan lancar antar-status, bukan menyentak di titik tengah animasi atau transisi.
Kontrol berbagi layar yang menjaga privasi
Screen Capture API memperkenalkan penambahan pada Media Capture and Streams API yang ada untuk memungkinkan pengguna memilih layar atau sebagian layar (seperti jendela) untuk direkam sebagai aliran media. Kemudian, streaming ini dapat direkam atau dibagikan kepada orang lain melalui jaringan. Dalam versi beta ini, beberapa fitur baru ditambahkan ke API ini.
DisplayMediaStreamConstraints.selfBrowserSurface
Petunjuk yang memungkinkan aplikasi Web menginstruksikan browser apakah, saat memanggil getDisplayMedia(), tab saat ini harus dikecualikan dari daftar tab yang ditawarkan kepada pengguna.
Hal ini membantu mencegah pengambilan gambar diri sendiri yang tidak disengaja. Jika pengguna secara tidak sengaja memilih tab tempat aplikasi berjalan, efek Hall-of-Mirrors akan dihasilkan, sehingga membingungkan pengguna dan mengganggu diskusi dengan pengguna jarak jauh.
DisplayMediaStreamConstraints.surfaceSwitching
Menambahkan opsi untuk mengontrol secara terprogram apakah Chrome menampilkan tombol untuk mengganti tab saat layar dibagikan. Opsi ini akan diteruskan ke navigator.mediaDevices.getDisplayMedia().
Tombol Bagikan tab ini memungkinkan pengguna beralih dengan lancar ke tab 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 diekspos secara kondisional karena tidak semua aplikasi Web dapat menangani perilaku ini.
MediaTrackConstraintSet.displaySurface
Saat getDisplayMedia() dipanggil, browser akan menawarkan pilihan platform tampilan kepada pengguna: tab, jendela, atau monitor. Dengan menggunakan batasan displaySurface, aplikasi Web kini dapat memberikan petunjuk kepada browser jika lebih memilih jenis platform tertentu ditawarkan lebih jelas kepada pengguna.
Status pemblokiran rendering di Resource Timing
Menambahkan kolom ke PerfomanceResourceTiming untuk menunjukkan status pemblokiran rendering resource. Saat ini, dari perspektif developer, satu-satunya cara untuk menentukan resource mana yang benar-benar memblokir rendering adalah dengan mengandalkan heuristik yang kompleks. Kolom baru akan memberikan sinyal langsung terkait hal yang sama.
Karakter pengganti di origin kebijakan izin
Fitur ini menambahkan dukungan untuk karakter pengganti dalam kebijakan izin yang disusun seperti SCHEME://*.HOST:PORT (misalnya, https://*.foo.com/) di mana Asal yang valid dapat dibuat dari SCHEME://HOST:PORT (misalnya, https://foo.com/). Hal ini mengharuskan HOST setidaknya berupa 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 mendelegasikan ke https://foo.com/. Sebelumnya, kebijakan izin mungkin perlu terlihat seperti:
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 window.opener tidak ada di situs yang dibuka oleh 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.
Declarative PendingBeacon API
API beacon stateful yang memungkinkan browser mengontrol waktu pengiriman beacon. Beacon adalah kumpulan data yang dikirim ke server backend, tanpa mengharapkan respons tertentu. Sebaiknya kirimkan peristiwa ini di akhir kunjungan pengguna ke suatu halaman, tetapi tidak ada waktu yang tepat untuk melakukan panggilan "kirim" tersebut. API ini mendelegasikan pengiriman ke browser itu sendiri, sehingga dapat mendukung beacon saat halaman dibatalkan pemuatannya atau saat halaman disembunyikan, tanpa developer harus menerapkan panggilan pengiriman pada waktu yang tepat.
Uji coba ini diperkirakan akan berjalan hingga Chrome 109. Daftar uji coba di sini.
Permissions-Policy: unload
Fitur ini memungkinkan halaman menonaktifkan pengendali peristiwa penghapusan muatan yang sedang berjalan. Tujuannya adalah untuk mengizinkan situs yang telah menghapus semua pengendali pelepasan untuk memastikan situs tersebut tidak secara tidak sengaja menambahkan yang baru. Tindakan ini akan membantu situs melakukan migrasi dari pengendali peristiwa penghapusan muatan dan dengan demikian meningkatkan rasio hit BFCache.
Uji coba ini diperkirakan akan berjalan hingga Chrome 109. Daftar uji coba di sini.
Penghentian penggunaan dan penghapusan
Chrome versi ini memperkenalkan penghentian penggunaan dan penghapusan yang tercantum di bawah. Buka ChromeStatus.com untuk melihat daftar penghentian penggunaan yang direncanakan, penghentian penggunaan saat ini, dan penghapusan sebelumnya.
Rilis Chrome ini menghentikan penggunaan satu fitur.
Expect-CT
Expect-CT adalah header HTTP yang memungkinkan situs memilih untuk menerapkan penegakan Transparansi Sertifikat sebelum diterapkan secara default. Selain itu, alat ini memiliki fungsi pelaporan untuk membantu developer menemukan kesalahan konfigurasi CT.
Header HTTP Expect-CT dirancang untuk membantu transisi ke penegakan Transparansi Sertifikat (CT) universal, dengan mengizinkan situs bernilai tinggi untuk memilih 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 tidak lagi berguna. Chrome kini mewajibkan CT di semua situs publik, sehingga tidak ada lagi nilai keamanan untuk Expect-CT. Tidak ada browser lain yang menerapkan Expect-CT, jadi menghapusnya tidak akan menimbulkan masalah interoperabilitas.