Penambahan untuk Screen Capture API, interpolasi properti petak-template CSS, dan lainnya.
Kecuali jika dinyatakan lain, perubahan yang dijelaskan di bawah berlaku pada 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 aplikasi terbaru di Google.com untuk desktop atau di Google Play Store di Android.
Interpolasi properti grid-template
CSS
Dalam Petak CSS, 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 sekarang mendukung interpolasi untuk properti ini. Tata letak petak kini dapat bertransisi dengan lancar antar-status, bukan pada titik tengah animasi atau transisi.
Kontrol berbagi layar yang menjaga privasi
Screen Capture API memperkenalkan tambahan pada Media Capture dan Streams API yang ada agar pengguna dapat memilih layar atau bagian layar (seperti jendela) untuk direkam sebagai streaming media. Streaming ini kemudian 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, setelah memanggil getDisplayMedia()
, tab saat ini harus dikecualikan dari daftar tab yang ditawarkan kepada pengguna.
Hal ini membantu mencegah foto diri yang tidak disengaja, saat pengguna tidak sengaja memilih tab tempat aplikasi berjalan, efek Hall-of-Mirrors akan dihasilkan, membingungkan pengguna, dan menggagalkan 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()
.
Dengan tombol Bagikan ini, pengguna dapat dengan lancar beralih 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 bersyarat karena tidak semua aplikasi Web mampu 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 memberi petunjuk ke browser jika lebih suka jenis platform tertentu ditawarkan dengan lebih jelas kepada pengguna.
Status pemblokiran render 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 bergantung pada heuristik 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 terstruktur seperti SCHEME://*.HOST:PORT
(misalnya, https://*.foo.com/), yang mana Origin yang valid dapat dibuat dari SCHEME://HOST:PORT
(misalnya, https://foo.com/). Hal ini mengharuskan HOST setidaknya memiliki eTLD+1 (domain yang dapat didaftarkan). Artinya, 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 untuk mencegah window.opener
muncul 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.
API Tertunda Deklaratif
API beacon stateful yang memungkinkan browser mengontrol saat beacon dikirim. Beacon adalah paket data yang dikirim ke server backend, tanpa mengharapkan respons tertentu. Mengirim pesan-pesan ini sering kali pada akhir kunjungan pengguna ke halaman, tetapi ini tidak ada waktu yang tepat untuk mengirim "kirim" ini. panggilan yang harus dilakukan. API ini mendelegasikan pengiriman ke browser itu sendiri, sehingga dapat mendukung beacon saat penghapusan muatan atau saat menyembunyikan halaman, tanpa mengharuskan developer menerapkan panggilan kirim pada waktu yang tepat.
Uji coba ini diperkirakan akan berjalan hingga Chrome 109. Daftar uji coba di sini.
Kebijakan Izin: menghapus muatan
Fitur ini memungkinkan halaman menonaktifkan berjalannya pengendali peristiwa penghapusan muatan. Tujuannya adalah untuk memungkinkan situs yang telah menghapus semua pengendali penghapusan muatan untuk memastikan situs tersebut tidak menambahkan yang baru secara tidak sengaja. Hal ini akan membantu situs melakukan migrasi dari 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. Kunjungi ChromeStatus.com untuk melihat daftar penghentian yang direncanakan, penghentian penggunaan saat ini, dan penghapusan sebelumnya.
Rilis Chrome ini menghentikan satu fitur.
CT yang Diharapkan
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 penegakan Transparansi Sertifikat (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 digunakan lagi. Chrome memerlukan CT di semua situs publik sekarang, sehingga tidak ada nilai keamanan untuk Expect-CT
lagi. Tidak ada browser lain yang menerapkan Expect-CT
sehingga menghapusnya bukan masalah interoperabilitas.