Gaya cakupan untuk CSS, fitur media tambahan, container scroll yang dapat difokuskan keyboard, dan lainnya.
Kecuali jika dinyatakan lain, perubahan yang dijelaskan 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 118 masih dalam versi beta mulai 13 September 2023. Anda dapat mendownload aplikasi terbaru di Google.com untuk desktop atau di Google Play Store di Android.
CSS
Rilis ini menambahkan empat fitur CSS baru.
Gaya cakupan
Aturan @scope
memungkinkan developer mencakup aturan gaya pada root pencakupan tertentu, dan menata gaya elemen sesuai dengan kedekatan akar cakupan tersebut.
Nilai relatif alur logis CSS
Tambahkan nilai baru berikut ke properti CSS yang ada:
float: inline-start
float: inline-end
clear: inline-start
clear: inline-end
resize: block
resize: inline
Kata kunci terarah yang relatif mengalir ini menghasilkan nilai fisik bergantung pada mode penulisan atau arah elemen atau blok yang memuatnya.
Kueri Media: fitur Preferred-reduced-transparency
Menambahkan fitur media prefers-reduced-transparency
, yang memungkinkan developer menyesuaikan konten web dengan preferensi pilihan pengguna untuk mengurangi transparansi di OS, seperti setelan Mengurangi transparansi di macOS. Opsi yang valid adalah reduce
atau no-preference
.
Mendukung stroke-box, content-box, dan border-box di properti CSS transform-box
Menambahkan dukungan ini memungkinkan perubahan pada cara penghitungan kotak referensi untuk properti transform
. Opsi ini memungkinkan transformasi atau efek grafis tambahan. Misalnya, rotasi di sekitar titik dalam kotak konten, dengan lebar batas elemen tidak memengaruhi hasilnya. Atau, jika goresan elemen (SVG) harus memengaruhi hasilnya, misalnya, saat memutar bentuk goresan di pusatnya—termasuk goresan.
HTML
Penampung scroll yang dapat difokuskan keyboard
Meningkatkan aksesibilitas dengan membuat container scroll dapat difokuskan menggunakan navigasi fokus berurutan. Sebelum perubahan ini, tombol tab tidak memfokuskan scroller kecuali jika tabIndex
disetel secara eksplisit ke 0
atau lebih tinggi. Dengan membuat scroller yang dapat difokuskan secara default, pengguna yang tidak dapat (atau tidak ingin) menggunakan mouse akan dapat mengakses konten yang terpotong menggunakan tombol tab dan panah pada keyboard. Perilaku ini tidak berlaku untuk scroller yang berisi elemen yang dapat difokuskan keyboard, karena elemen tersebut sudah dapat diakses melalui keyboard.
Menghapus perilaku quirks mode untuk atribut label opsi
Elemen opsi mendukung atribut label
yang menyebabkan opsi dirender dengan teks di dalam atribut, bukan teks turunan dari elemen opsi itu sendiri. Fungsi ini dinonaktifkan dalam quirks mode, dengan atribut label diabaikan dan teks turunan selalu dirender. Perubahan ini akan selalu menggunakan atribut label dalam mode standar dan quirks mode.
Web API
Pendaftaran Privacy Sandbox (PSB)
Seiring API pengukuran dan relevansi Privacy Sandbox mulai dikembangkan untuk ketersediaan umum, kami ingin memastikan teknologi ini digunakan sebagaimana mestinya dan secara transparan. API tersebut mencakup Attribution Reporting, Protected Audience API, Topics API, Private Aggregation API, dan Shared Storage API. PSB memperkenalkan proses Pendaftaran Developer baru untuk API pengukuran dan relevansi di Privacy Sandbox. Chrome akan mengambil daftar situs yang terdaftar dari server pendaftaran (melalui updater komponen) dan menggunakannya untuk membuka akses ke Privacy Sandbox API.
Memblokir semua cookie yang ditetapkan melalui JavaScript yang berisi karakter kontrol
Memperbarui cara penanganan karakter kontrol dalam cookie yang ditetapkan melalui JavaScript. Secara khusus, semua karakter kontrol menyebabkan seluruh cookie ditolak. Sebelumnya, karakter NULL, karakter enter, atau karakter line feed dalam baris cookie menyebabkannya terpotong alih-alih ditolak sepenuhnya, yang dapat menimbulkan perilaku berbahaya dalam situasi tertentu. Perilaku di Chrome ini selaras dengan perilaku yang ditunjukkan oleh draf terbaru RFC6265bis. Perubahan ini dapat dinonaktifkan menggunakan --disable-features=BlockTruncatedCookies
atau kebijakan perusahaan BlockTruncatedCookies, yang akan tersedia untuk beberapa versi jika perubahan tersebut menyebabkan kerusakan.
Ukuran font minimum yang konsisten di seluruh bahasa
Mengubah setelan default Ukuran font minimum agar dinonaktifkan secara default untuk tujuh bahasa (Arab, Persia, Jepang, Korea, Thai, China Aksara Sederhana dan Tradisional) guna meningkatkan interoperabilitas dan aksesibilitas. Sebelum perubahan ini, setelan ini dinonaktifkan secara default untuk semua bahasa kecuali tujuh bahasa yang tercantum. Perubahan ini membuat bahasa ini konsisten dengan bahasa lain. Perhatikan bahwa ini bukan tentang mengubah fitur ukuran font minimum itu sendiri. Versi ini akan tersedia tanpa perubahan apa pun untuk aksesibilitas dan keterbacaan.
Mendeteksi transisi UA pada navigasi dokumen yang sama
Transisi visual yang lancar saat pengguna menjelajahi web dapat menurunkan beban kognitif dengan membantu pengguna tetap dalam konteks. Namun, pengalaman pengguna akan menjadi buruk jika penulis situs dan UA menambahkan transisi ini: transisi tersebut dapat mengalami konflik dan menyebabkan kebingungan bagi pengguna. API ini menghindari kasus semacam itu untuk memastikan hanya satu transisi visual yang dijalankan pada satu waktu. API menambahkan boolean pada PopStateEvent
dan NavigateEvent
untuk menunjukkan apakah UA telah menjalankan transisi visual untuk navigasi ini. Developer dapat menggunakannya untuk melewati transisi kustom.
Parser URL tidak akan mendekode karakter ASCII yang dienkode dengan persen di jalur URL
Perubahan ini membuat parser URL tidak mendekode karakter ASCII yang dienkode dengan persen di jalur URL, seperti "%41" ('A'). Sebelum perubahan ini:
const url = new URL("http://example.com/%41");
url.href "http://example.com/A"
Setelah perubahan ini:
const url = new URL("http://example.com/%41");
url.href "http://example.com/%41"
Penargetan negatif Protected Audience
Dalam lelang iklan online untuk ruang iklan, terkadang mencegah iklan ditampilkan kepada audiens tertentu, sebuah konsep yang dikenal sebagai penargetan negatif. Misalnya, Anda mungkin tidak ingin menampilkan iklan pelanggan baru kepada pelanggan lama. Kampanye akuisisi pelanggan baru sering kali menjadikan hal ini sebagai persyaratan penting. Protected Audience saat ini memungkinkan iklan menargetkan pengguna yang telah bergabung ke grup minat tertentu melalui beberapa aktivitas sebelumnya di web. Fitur ini memperluas Protected Audience untuk mengaktifkan penargetan negatif dengan memungkinkan iklan baru menargetkan hanya pengguna yang belum bergabung ke grup minat tertentu. Dengan cara ini, kami memungkinkan pengiklan menargetkan grup pengguna baru menggunakan konsep yang sudah ada yang menjaga privasi dari Protected Audience API.
Hapus persyaratan aktivasi pengguna pembayaran
Untuk membantu developer mengurangi hambatan dalam alur Permintaan Pembayaran, kami menghapus persyaratan aktivasi pengguna di Permintaan Pembayaran dan Konfirmasi Pembayaran Aman. Mitigasi spam dan pembajakan klik diterapkan untuk memitigasi risiko keamanan dan privasi dengan perubahan ini.
WebUSB di Service Worker Ekstensi
Memungkinkan developer web menggunakan WebUSB API saat merespons peristiwa ekstensi dengan mengekspos WebUSB API ke Service Worker yang didaftarkan oleh ekstensi browser. API ini saat ini tidak diekspos ke Service Worker yang didaftarkan oleh situs.
Dokumen XML menggabungkan bagian CDATA yang berurutan menjadi satu node
Karena bug di libxml, bagian CDATA dalam dokumen Xcode terkadang salah menghasilkan banyak node, tergantung pada ukuran dokumen dan posisi bagian CDATA dalam dokumen. Jika satu bagian CDATA mencakup beberapa bagian parser input, libxml akan di-buffer dan mengeluarkan input CDATA ke dalam operasi 300 byte. Hal ini secara tidak terduga mengubah satu bagian CDATA menjadi beberapa node (jika panjang potongan input lebih besar dari 300 byte). Perubahan ini menyebabkan node bagian CDATA yang seinduk digabungkan menjadi satu bagian CDATA selama penguraian. Tindakan ini akan memperbaiki bug libxml selama penguraian, tetapi juga akan menggabungkan node terpisah yang ditulis, misalnya: <![CDATA[foo]]><!CDATA[bar]]>
Akan menghasilkan satu node DOM CDATA dengan konten "foobar": CDATA "foobar"
.
Mengubah kondisi dialog pengendali beforeunload
Ada dua perubahan baru pada cara dialog pembatalan diminta untuk peristiwa beforeunload
.
Jika event.preventDefault()
dipanggil, minta dialog pembatalan.
Jika event.returnValue
adalah string kosong, jangan minta dialog pembatalan.
Uji coba origin sedang berlangsung
Di Chrome 118, Anda dapat ikut serta dalam uji coba origin baru berikut.
Transformasi yang dienkode WebRTC: mengubah fungsi metadata
Menambahkan fitur ke WebRTC Encoded Transform API yang memungkinkan manipulasi metadata frame audio dan video. Sejumlah kasus penggunaan telah teridentifikasi yang memerlukan manipulasi media yang dienkode dengan WebRTC tanpa mendekodenya terlebih dahulu. Ini mencakup:
- Mengirim data yang telah dienkode sebelumnya.
- Mengirim data yang telah diterima dalam bentuk yang dienkode.
- Menerima data dalam bentuk yang dienkode dan meneruskannya.
Secara khusus, kami ingin mendukung kasus penggunaan penerusan media bebas gangguan yang berasal dari beberapa koneksi peer redundan yang menyediakan payload media yang sama tetapi dengan metadata berbeda.
Daftar ke uji coba origin RTCEncodedFrameSetMetadata.
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 menghapus fitur berikut.
Penghapusan beberapa kata kunci tampilan non-standar
Di Chrome 118, kata kunci appearance
non-standar dengan penggunaan terendah akan dinonaktifkan. Setelah fitur dinonaktifkan, properti tampilan akan diabaikan jika menggunakan kata kunci tersebut sebagai nilai. Kata kunci yang dinonaktifkan di Chrome 118 adalah kata kunci dengan penggunaan kurang dari 0,001%:
media-slider
media-sliderthumb
media-volume-slider
media-volume-sliderthumb
sliderthumb-horizontal
sliderthumb-vertical
Latar belakang
Karena hanya kata kunci appearance
standar yang seharusnya didukung, kami menghapus kata kunci appearance
(dan -webkit-appearance
) yang tidak standar. Daftar lengkapnya adalah sebagai berikut:
inner-spin-button
media-slider
media-sliderthumb
media-volume-slider
media-volume-sliderthumb
push-button
searchfield-cancel-button
slider-horizontal
sliderthumb-horizontal
sliderthumb-vertical
square-button
Perlu diperhatikan bahwa nilai slider-vertical
tidak akan dihapus sebagai bagian dari nilai ini
patch yang digunakan untuk mengizinkan <input type=range>
secara vertikal. Ini akan menjadi
dihapus setelah mode penulisan vertikal kontrol formulir diterapkan sepenuhnya.
Sebelum dinonaktifkan, jika menggunakan salah satu kata kunci di atas, peringatan konsol akan ditampilkan, tetapi kata kunci tersebut akan dikenali sebagai nilai yang valid.