Jalur gerakan CSS, Back/forward cache NotRevertReason API, Document Picture-in-Picture, dan lainnya.
Kecuali jika dinyatakan lain, perubahan yang dijelaskan 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 116 dalam versi beta mulai 19 Juli 2023. Anda dapat mendownload aplikasi terbaru di Google.com untuk desktop atau di Google Play Store di Android.
CSS
Rilis ini menambahkan dua fitur CSS baru.
Jalur Gerakan CSS
Jalur gerak memungkinkan penulis memosisikan objek grafis dan menganimasikannya di sepanjang jalur yang ditentukan oleh developer. Hal ini memungkinkan sejumlah kemungkinan transformasi baru yang canggih, seperti memosisikan menggunakan koordinat kutub (dengan fungsi ray()), bukan koordinat persegi panjang standar yang digunakan oleh fungsi translate(), atau menganimasikan elemen di sepanjang jalur yang ditentukan. Hal ini mempermudah penentuan transisi spasial 2D yang kompleks dan indah. Jalur dapat ditentukan sebagai circle(), ellipse(), rect(), inset(), xywh(), polygon(), ray(), dan url().
Menampilkan dan menampilkan animasi visibilitas konten
Chrome 116 mendukung properti display dan content-visibility dalam animasi keyframe. Dukungan ini memungkinkan developer membuat animasi keluar, yang setelahnya elemen akan otomatis menjadi display: none atau content-visibility: hidden tanpa perlu menulis JavaScript apa pun untuk menangani tombol tersebut setelah animasi selesai. Hal ini memungkinkan animasi keluar untuk elemen yang akan ditambahkan hanya dalam CSS.
Web API
AbortSignal.any()
Menampilkan sinyal yang dibatalkan jika salah satu sinyal sumber dibatalkan. Developer dapat menggunakan ini untuk menggabungkan sumber pembatalan independen, misalnya, waktu tunggu yang ditentukan dengan AbortSignal.timeout() dan sinyal yang terkait dengan AbortController, serta meneruskannya ke API asinkron seperti fetch().
Dukungan BYOB untuk Pengambilan
Implementasi ReadableStream Chrome mendukung pembaca bring your own buffer (BYOB) untuk streaming byte yang dapat dibaca. Sekarang, Response.body juga merupakan aliran byte yang dapat dibaca, bukan streaming "default" yang dapat dibaca. Hal ini memungkinkan Fetch API dengan pembaca BYOB, sehingga mengurangi overhead dan penyalinan pembersihan sampah memori, serta meningkatkan responsivitas bagi pengguna. Blob.stream() kini juga mendapatkan manfaat dari pengoptimalan ini.
API Back-forward cache NotRevertReason
NotRevertAlasan API akan melaporkan daftar alasan halaman tidak ditayangkan dari BFcache dalam struktur hierarki frame, melalui PerformanceNavigationTiming API.
Picture-in-Picture Dokumen
Picture-in-Picture Dokumen menambahkan API baru untuk membuka jendela yang selalu di atas yang dapat diisi dengan HTMLElements arbitrer. Ini adalah perluasan pada HTMLVideoElement API yang ada yang hanya memungkinkan HTMLVideoElement dimasukkan ke jendela Picture-in-Picture (PiP). Hal ini memungkinkan developer web memberikan pengalaman PiP yang lebih baik kepada pengguna.
Karakter Pengganti yang Diperluas dalam Asal Kebijakan Izin
Karakter pengganti subdomain dalam daftar yang diizinkan memberikan fleksibilitas yang berharga, tetapi berbeda dengan parser karakter pengganti yang sudah ada serta kode baru dan fungsi spesifikasi yang diperlukan. Intent ini akan mengurangi overhead tersebut dengan menggunakan kembali bagian dari spesifikasi Kebijakan Keamanan Konten yang ada dan mengizinkan scheme + wildcard domain dan wildcard port dalam daftar yang diizinkan. Secara khusus, intent ini akan mengadopsi definisi sumber host dan sumber skema, bukan origin dalam definisi Daftar yang Diizinkan, tetapi mengharuskan bagian jalur kosong (karena Kebijakan Izin berlaku untuk origin yang cocok).
Paket FedCM: Login Hint API, User Info API, dan RP Context API
Update yang dipaketkan ini memungkinkan penyesuaian ke alur login gabungan yang menggunakan Federated Credential Management API (FedCM).
Dengan Login Hint API, pihak tepercaya (RP) dapat menentukan petunjuk tentang akun pengguna yang ingin ditampilkan di UI FedCM. Cara ini terutama digunakan untuk memberikan UX yang lebih baik bagi pengguna yang kembali.
User Info API memungkinkan penyedia identitas (IdP) mengambil informasi pengguna sehingga mereka dapat mempersonalisasi pengalaman login bagi pengguna yang kembali, misalnya melalui tombol “Login dengan IdP” yang dipersonalisasi.
Dengan RP Context API, RP dapat meminta dialog FedCM untuk mengganti judul "Sign in" dengan "Sign up", "Use" atau "Continue", untuk menyelaraskan maksud sebenarnya bagi pengguna.
Peristiwa masukkan/meninggalkan Mouse dan Pointer yang tidak disusun
Buat properti event.composed di peristiwa mouseenter, mouseleave, pointerenter, dan pointerleave "false" agar sesuai dengan spesifikasi dan untuk memperbaiki kesenjangan interop. Baik spesifikasi Peristiwa UI untuk Peristiwa Mouse dan spesifikasi Peristiwa Pointer menentukan peristiwa ini sebagai tidak disusun. Kedua spesifikasi beralih dari definisi aslinya beberapa tahun lalu: https://github.com/w3c/uievents/pull/210 https://github.com/w3c/pointerevents/pull/461 Selain mengatasi kesenjangan interop, perubahan ini juga memperbaiki pengiriman ganda atau tiga kali yang keliru dari peristiwa ini ke host shadow DOM di Chromium saat peristiwa shadow DOM juga diproses.
Menghapus pewarisan sandbox document.open
Saat ini, tanda Sandbox pemanggil saat ini diterapkan ke tujuan panggilan saat document.open menargetkan jendela yang berbeda. Setelah perubahan ini, tidak akan berlaku lagi.
Melaporkan CH Penting menyebabkan mulai ulang di NavigationTiming
Situs dapat menunjukkan bahwa Petunjuk Klien tertentu sangat penting untuk halaman dengan menyertakannya dalam header respons HTTP Critical-CH. Tindakan tersebut akan memicu mulai ulang koneksi jika petunjuk yang tercantum dalam header respons HTTP Critical-CH dapat (tetapi tidak) disertakan dalam permintaan HTTP yang pertama kali dikirim. Intent ini mengusulkan penambahan readonly attribute DOMHighResTimeStamp criticalCHRestart; ke antarmuka PerformanceNavigationTiming.
Uji coba origin sedang berlangsung
Di Chrome 116, Anda dapat ikut serta dalam uji coba origin baru berikut.
COOP: properti-terbatas
Cross-Origin-Opener-Policy digunakan untuk memutuskan hubungan antara pop-up dan pembuka, untuk meningkatkan keamanan. "batas-properti" adalah nilai yang diusulkan yang membatasi hubungan, bukan sepenuhnya memutuskan hubungan. Ini akan mengaktifkan crossOriginIsolated saat dipasangkan dengan COEP.
Daftar untuk mengikuti uji coba origin properti terbatas COOP.
API Status Login FedCM
Sign-in Status API IdP dari Federated Credential Management API (FedCM) memungkinkan penyedia identitas (IdP) memberikan sinyal ke browser saat pengguna login/keluar sehingga FedCM dapat meningkatkan properti privasinya dengan mengoptimalkan UX-nya.
Mendaftar ke uji coba origin Status Login FedCM
API EditContext
EditContext API menyederhanakan proses integrasi aplikasi web dengan metode input teks lanjutan seperti penulisan bentuk VK, panel tulisan tangan, pengenalan ucapan, dan Komposisi IME. API ini meningkatkan aksesibilitas dan performa, serta memberikan kemampuan baru untuk editor berbasis web.
Mendaftar ke uji coba origin EditContext API
Pengaturan Waktu Frame Animasi Panjang
Ini adalah perpanjangan dari tugas yang berjalan lama. Composable ini mengukur tugas bersama dengan update rendering berikutnya, dengan menambahkan informasi seperti skrip yang berjalan lama, waktu rendering, serta waktu yang dihabiskan dalam gaya dan tata letak paksa, yang dikenal sebagai layout thrashing.
Developer dapat menggunakannya sebagai diagnostik untuk "kelambatan", yang diukur oleh INP, dengan menemukan penyebab kemacetan thread utama yang sering kali menjadi penyebab buruknya INP.