Chrome 118 beta

Gaya cakupan untuk CSS, fitur media tambahan, container scroll yang dapat difokuskan keyboard, 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 118 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 dengan cakupan

Aturan @scope memungkinkan developer memberi cakupan pada aturan gaya ke root cakupan tertentu, dan menata gaya elemen sesuai dengan jarak root cakupan tersebut.

Nilai relatif alur logis CSS

Menambahkan 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 berhubungan dengan alur ini ditetapkan ke nilai fisik bergantung pada mode penulisan atau arah elemen atau blok yang memuatnya.

Kueri Media: lebih memilih fitur transparansi yang dikurangi

Menambahkan fitur media prefers-reduced-transparency, yang memungkinkan developer menyesuaikan konten web ke preferensi yang dipilih pengguna untuk mengurangi transparansi di OS, seperti setelan Kurangi transparansi di macOS. Opsi yang valid adalah reduce atau no-preference.

Mendukung stroke-box, content-box, dan border-box di properti CSS transform-box

Dengan menambahkan dukungan ini, Anda dapat mengubah cara perhitungan kotak referensi untuk properti transform. Hal ini memungkinkan transformasi atau efek grafis tambahan. Misalnya, rotasi di sekitar titik dalam kotak konten, dengan lebar batas elemen tidak memengaruhi hasil. Atau, jika goresan elemen (SVG) akan memengaruhi hasil, misalnya, saat memutar bentuk goresan di pusatnya—termasuk goresan.

HTML

Container scroll yang dapat difokuskan keyboard

Meningkatkan aksesibilitas dengan membuat container scroll dapat difokuskan menggunakan navigasi fokus berurutan. Sebelum perubahan ini, tombol tab tidak berfokus pada scroller kecuali jika tabIndex secara eksplisit disetel ke 0 atau yang lebih besar. Dengan membuat scroller 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 keyboard yang dapat difokuskan, karena elemen tersebut sudah dapat diakses melalui keyboard.

Menghapus perilaku quirks mode untuk atribut label opsi

Elemen opsi mendukung atribut label yang menyebabkan opsi merender dengan teks di dalam atribut, bukan teks turunan dari elemen opsi itu sendiri. Fungsi ini dinonaktifkan dalam mode quirks, dengan atribut label diabaikan dan teks turunan selalu dirender. Perubahan ini akan selalu menggunakan atribut label dalam mode standar dan mode quirks.

Web API

Pendaftaran untuk Privacy Sandbox (PSB)

Karena API pengukuran dan relevansi Privacy Sandbox mulai dipersiapkan 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, bukan ditolak sepenuhnya, yang dapat mengaktifkan 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 konsisten di seluruh bahasa

Mengubah setelan default untuk Ukuran font minimum ke nonaktif 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 tersebut konsisten dengan bahasa lainnya. Perhatikan, ini bukan tentang mengubah fitur ukuran font minimum itu sendiri. Data ini akan tersedia tanpa perubahan pada aksesibilitas dan keterbacaan.

Mendeteksi transisi UA pada navigasi dokumen yang sama

Transisi visual yang lancar saat pengguna bernavigasi di web dapat menurunkan beban kognitif dengan membantu pengguna tetap dalam konteks. Namun, pengalaman pengguna akan buruk jika penulis situs dan UA menambahkan transisi ini: transisi tersebut mungkin berkonflik dan menyebabkan kebingungan bagi pengguna. API ini menghindari kasus tersebut 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 mereka.

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 ada baiknya 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 memiliki persyaratan penting ini. 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 Protected Audience API yang sudah ada dan menjaga privasi.

Menghapus persyaratan aktivasi pengguna pembayaran

Untuk membantu developer mengurangi hambatan dalam alur Permintaan Pembayaran, kami menghapus persyaratan aktivasi pengguna dalam Permintaan Pembayaran dan Konfirmasi Pembayaran Aman. Mitigasi spam dan pembajakan klik diterapkan untuk mengurangi risiko keamanan dan privasi dengan perubahan ini.

WebUSB di Service Worker Ekstensi

Mengizinkan 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 node tunggal

Dikarenakan adanya bug di libxml, bagian CDATA dalam dokumen Xcode kadang-kadang salah menghasilkan beberapa node, tergantung ukuran dokumen dan posisi bagian CDATA dalam dokumen. Jika satu bagian CDATA mencakup beberapa potongan parser input, libxml akan mem-buffer dan memunculkan input CDATA menjadi berjalan 300 byte. Hal ini secara tak terduga mengubah satu bagian CDATA menjadi beberapa node (jika panjang potongan input lebih dari 300 byte). Perubahan ini menyebabkan node bagian CDATA yang bersaudara 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 tentang cara dialog pembatalan ditampilkan untuk peristiwa beforeunload.

Jika event.preventDefault() dipanggil, minta dialog batalkan. 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 diidentifikasi yang memerlukan manipulasi media yang dienkode WebRTC tanpa mendekodenya terlebih dahulu. Di antaranya meliputi:

  • 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 yang berbeda.

Daftar ke uji coba origin RTCEncodedFrameSetMetadata.

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 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 akan menghapus kata kunci appearance (dan -webkit-appearance) yang tidak standar. Daftar lengkapnya 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

Perhatikan bahwa nilai slider-vertical tidak akan dihapus sebagai bagian dari patch ini yang digunakan untuk mengizinkan <input type=range> vertikal. Opsi ini akan dihapus setelah mode penulisan vertikal kontrol formulir sepenuhnya diterapkan.

Sebelum dinonaktifkan, jika menggunakan salah satu kata kunci di atas, peringatan konsol akan ditampilkan, tetapi kata kunci akan dikenali sebagai nilai yang valid.