Kecuali dinyatakan lain, perubahan berikut 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 diberikan atau dari daftar di ChromeStatus.com. Chrome 125 masih dalam versi beta per 17 April 2024. Anda dapat mendownload versi terbaru di Google.com untuk desktop atau di Google Play Store di Android. Setelah dirilis ke stabil, semua fitur yang disertakan dapat ditemukan di catatan rilis.
CSS
Rilis ini menambahkan dua fitur CSS baru dan membuat dua perubahan terkait CSS.
Pemosisian Anchor CSS
Penempatan anchor CSS memungkinkan developer menambatkan elemen yang benar-benar diposisikan ke satu atau beberapa elemen lain di halaman (anchor), secara deklaratif, tanpa menggunakan JavaScript. Pemosisian anchor berfungsi secara optimal saat anchor dapat di-scroll. Kasus penggunaan yang umum adalah memosisikan popover seperti tooltip di samping elemen yang memanggilnya, atau menu pilih dan daftar opsi popover-nya. Sebelum fitur pemosisian anchor, kasus penggunaan ini memerlukan JavaScript untuk memosisikan popover secara dinamis, dan mempertahankannya saat elemen pemanggilan di-scroll, yang merupakan pijakan kaki performa dan sulit untuk dilakukan dengan benar. Dengan pemosisian anchor, kasus penggunaan ini dapat diimplementasikan dengan baik dan deklaratif.
Fitur pemosisian anchor terdiri dari sejumlah besar properti CSS. Beberapa properti utamanya adalah sebagai berikut:
anchor-name: menyiapkan elemen agar menjadi anchor bagi elemen lain.position-anchor: mendeskripsikan anchor "default" yang harus digunakan elemen anchor untuk penempatan anchor.- Fungsi
anchor(): digunakan untuk merujuk pada posisi elemen anchor, saat memosisikan elemen anchor. inset-area: singkatan untuk pemosisian, untuk posisi relatif umum.
Fungsi nilai yang dilangkah CSS—round(), mod(), dan rem()
Fungsi nilai bertahap, round(), mod(), dan rem(), semuanya mengubah nilai tertentu menurut "nilai langkah" lainnya.
Fungsi CSS round() menampilkan angka yang dibulatkan berdasarkan strategi pembulatan yang dipilih.
Fungsi CSS mod() menampilkan modulus yang tersisa saat parameter pertama
dibagi dengan parameter kedua, mirip dengan operator sisa JavaScript
(%). Modulus adalah nilai yang tersisa saat satu operand, yaitu dividen, dibagi dengan operand kedua, yaitu pembagi. Elemen ini selalu mengambil
tanda pembagi.
Fungsi CSS rem() menampilkan sisa sisa saat parameter pertama
dibagi dengan parameter kedua, mirip dengan operator sisa JavaScript
(%). Sisanya adalah nilai yang tersisa saat satu operand, yakni dividen, dibagi dengan operand kedua, yaitu pembagi. Itu selalu mengambil tanda
pembilang.
Menghapus diskontinuitas untuk warna Oklab dan Oklch dengan kecerahan hampir 100% atau 0
Sebelum perubahan ini, semua warna Lab, LCH, Oklab, dan Oklch dengan nilai kecerahan 100% dirender sebagai putih, terlepas dari dua parameter lainnya. Semua warna di ruang ini dengan nilai kecerahan 0 dirender sebagai hitam. Kedua pemetaan ini menyebabkan diskontinuitas dalam gradien dan tidak diharapkan oleh developer web.
Dengan rollback ini, warna ini tidak lagi dipetakan secara artifisial dan warna yang ditampilkan yang dihasilkan akan menyatu dengan warna terdekat dan bergantung pada pemetaan gamut tampilan.
Scrollbar root skema warna yang digunakan
Membuat browser menggunakan skema warna pilihan pengguna untuk merender scrollbar
area tampilan jika nilai "skema warna yang didukung halaman" 'normal' atau tidak
ditentukan, dan nilai komputasi
color-scheme
untuk elemen root adalah normal. Scrollbar area pandang dapat dianggap
berada di luar konten web. Oleh karena itu, agen pengguna harus mengikuti skema warna
pilihan pengguna saat merender scrollbar area pandang jika developer belum
menentukan dukungan secara eksplisit untuk skema warna.
Perubahan ini tidak mencegah developer mengontrol skema warna untuk scrollbar. Perilaku baru ini membuat browser menggunakan skema warna pilihan pengguna untuk merender scrollbar non-overlay area pandang hanya jika developer belum menentukan skema warna untuk elemen root.
HTML
Penampung scroll yang dapat difokuskan keyboard
Meningkatkan aksesibilitas dengan membuat penampung scroll dapat difokuskan menggunakan navigasi
fokus berurutan. Sebelum perubahan ini, tombol tab tidak akan memfokuskan scroller
kecuali tabIndex ditetapkan secara eksplisit ke 0 atau lebih.
Dengan membuat scroller dapat difokuskan secara default, pengguna yang tidak dapat (atau tidak ingin) menggunakan mouse akan dapat memfokuskan konten yang terpotong menggunakan tab dan tombol panah keyboard. Perilaku ini hanya diaktifkan jika scroller tidak berisi turunan yang dapat difokuskan keyboard.
Ini adalah peluncuran berkelanjutan yang dimulai di Chrome 124, dan akan tersedia untuk semua pengguna mulai Chrome 125. Pelajari scroller yang dapat difokuskan keyboard lebih lanjut.
Serialisasi shadow DOM deklaratif
Fitur untuk memungkinkan developer membuat serialisasi DOM tree yang berisi shadow root, yang baru-baru ini distandarkan dalam standar HTML.
Web API
Penambahan ke Attribution Reporting API
Fitur telah ditambahkan ke Attribution Reporting API untuk membuat kemampuan proses debug tambahan dengan mendukung laporan debug kegagalan penguraian, meningkatkan ergonomi API dengan mendukung kolom untuk menentukan platform pendaftaran pilihan, dan meningkatkan privasi.
Compute Pressure API
Compute Pressure API menawarkan status tingkat tinggi yang mewakili beban CPU pada sistem. Hal ini memungkinkan implementasi menggunakan metrik hardware dasar yang tepat untuk memastikan pengguna dapat memanfaatkan semua daya pemrosesan yang tersedia bagi mereka selama sistem tidak dalam tekanan yang tidak dapat dikelola. Intel memimpin pekerjaan desain dan implementasi untuk API ini, yang akan memungkinkan aplikasi konferensi video menyeimbangkan fitur dan performa secara dinamis.
Terima URL HTTP(S) saat membuat WebSocket
Update ini mengaktifkan skema HTTP di konstruktor WebSocket, sehingga juga mengizinkan developer menggunakan URL relatif. URL tersebut dinormalisasi ke skema internal ws: dan wss:.
Memperluas Storage Access API (SAA) ke penyimpanan non-cookie
Tindakan ini akan meluncurkan ekstensi Storage Access API yang diusulkan (kompatibel dengan versi sebelumnya dan telah berada dalam uji coba origin) untuk memungkinkan akses ke penyimpanan non-cookie dan cookie tanpa partisi dalam konteks pihak ketiga. API saat ini hanya memberikan akses ke cookie, yang memiliki kasus penggunaan berbeda dengan penyimpanan non-cookie.
Persyaratan CORS FedCM di endpoint pernyataan ID
Pengambilan di FedCM API sulit untuk dipertimbangkan karena properti diperlukan untuk pengambilan tersebut. Meskipun ada diskusi berkelanjutan mengenai endpoint akun, terdapat juga konsensus bahwa endpoint pernyataan ID harus menggunakan CORS. Update ini menyelaraskan properti keamanan pengambilan ini dengan pengambilan lain di platform web. Pelajari lebih lanjut cara kerja persyaratan CORS di update FedCM: Uji coba origin Button Mode API, CORS, dan SameSite.
Tindakan default mousemove interoperabilitas
Chrome memungkinkan membatalkan peristiwa mousemove untuk mencegah API lain seperti pemilihan
teks (dan bahkan tarik lalu lepas sebelumnya). Ini tidak cocok dengan browser besar
lainnya; juga tidak sesuai dengan spesifikasi Peristiwa UI. Pemilihan teks sekarang tidak akan
lagi menjadi tindakan default mousemove. Pemilihan teks dan tarik lalu lepas masih dapat dicegah dengan membatalkan masing-masing peristiwa selectstart dan dragstart.
Update pada Shared Storage API
Update ini menambahkan dukungan untuk menjalankan worklet lintas origin tanpa harus membuat iframe.
Aplikasi Chrome
Direct Sockets API di Aplikasi Chrome
Update ini membantu memudahkan transisi aplikasi khusus dari Aplikasi Chrome ke Aplikasi Web Terisolasi dengan mengaktifkan Direct Sockets di Aplikasi Chrome, yang memungkinkan aplikasi web membuat protokol kontrol transmisi langsung (TCP) dan komunikasi protokol datagram pengguna (UDP) dengan perangkat dan sistem jaringan.
Uji coba origin baru
Mulai Chrome 125, Anda dapat ikut serta dalam uji coba origin baru berikut.
FedCM Button Mode API dan Menggunakan Other Account API
Uji coba origin ini mencakup dua FedCM API berikut.
Button Mode API memungkinkan situs memanggil FedCM di dalam klik tombol, seperti mengklik tombol Sign-in to IdP. Proses ini memerlukan FedCM untuk menjamin bahwa FedCM selalu merespons dengan antarmuka pengguna yang terlihat, bukan mode widget, yang tidak menampilkan UI saat pengguna logout. Memanggil FedCM API dalam mode tombol akan membawa pengguna untuk login ke IdP (di jendela dialog), saat pengguna logout.
Selain itu, karena mode tombol dipanggil dalam gestur pengguna eksplisit, UI mungkin juga lebih terlihat (misalnya, terpusat dan modal) dibandingkan dengan UI dari mode widget (yang tidak memiliki maksud eksplisit seperti itu). Pelajari lebih lanjut cara kerja Button Mode API di update FedCM: Uji coba origin Button Mode API, CORS, dan SameSite
Use Other Account API memungkinkan Penyedia Identitas mengizinkan pengguna login ke akun lain.
Daftar ke uji coba origin FedCM.
Foldable API
Uji coba origin ini mencakup Device Posture API dan Viewport Segment Enumeration API. API ini didesain untuk membantu developer menargetkan perangkat foldable. Pelajari lebih lanjut di Uji coba origin untuk Foldable API.
Daftar ke uji coba origin foldable API.
Pilihan tidak ikut Pratinjau Media
Uji coba origin terbalik ini akan mengecualikan situs dari peluncuran Pratinjau Media.
Chrome akan menyediakan pratinjau real-time input kamera dan mikrofon pada saat izin kamera dan mikrofon diminta oleh situs. Selain itu, info ini juga akan tersedia dari halaman info situs.
Selain itu, pengguna dengan beberapa perangkat akan dapat memilih kamera dan
mikrofon pada saat izin diminta, kecuali jika situs telah meminta
perangkat tertentu melalui getUserMedia().
Fitur ini sedang dalam pengembangan serentak dengan project lain terkait izin, Page-Embedded Permissions Controls (PEPC). Pengguna akan terekspos ke PEPC dalam proses peluncuran independen yang melibatkan uji coba origin terpisah atau eksperimen khusus situs.
Uji coba penghentian penggunaan untuk properti dan metode Layar Penuh HTMLVideoElement berawalan
Uji coba penghentian penggunaan ini memungkinkan Anda memilih kembali dukungan untuk properti dan metode HTMLVideoElement berawalan jika Anda memerlukan lebih banyak waktu untuk menyesuaikan kode. Lihat detail selengkapnya tentang properti dan metode yang dihapus di bagian Penghentian dan penghapusan.
Daftar ke uji coba penghentian penggunaan API layar penuh Prefixed Video.
Lewati pemindaian pramuat
Lewati pemindai pramuat untuk mempelajari penyeimbangan performa untuk halaman tanpa pengambilan sub-resource.
Langkah pemindai pramuat menguntungkan performa halaman yang memiliki pengambilan sub-resource, melalui implementasi pengambilan data spekulatif. Namun, untuk halaman yang tidak mendapatkan manfaat dari langkah ini, yaitu, untuk halaman tanpa sub-resource, ini adalah overhead pemrosesan tambahan dengan sedikit manfaat.
Bagi pengguna web tingkat lanjut yang ingin mendapatkan manfaat dengan mengurangi overhead ini, eksperimen ini menyediakan kontrol tingkat halaman untuk menonaktifkan pemindai pramuat. Data yang dikumpulkan dari eksperimen ini dapat mengevaluasi apakah API yang dimodifikasi atau penerapan pemindai pramuat HTML yang berbeda akan membantu.
Daftar ke uji coba origin pemindaian pramuat lewati.
Penghentian dan penghapusan
Buka ChromeStatus.com untuk melihat daftar penghentian penggunaan yang direncanakan, penghentian saat ini, dan penghapusan sebelumnya.
Rilis Chrome ini menghapus tiga fitur berikut.
Menghapus alias "window-placement" untuk kebijakan izin dan izin "window-management"
Menghapus alias "window-placement" untuk kebijakan izin dan izin "window-management". Ini adalah bagian dari upaya yang lebih besar untuk mengganti nama string dengan menghentikan dan menghapus "window-placement" pada akhirnya. Perubahan terminologi meningkatkan masa pakai deskriptor saat Window Management API berkembang dari waktu ke waktu.
Penghapusan kebijakan Enterprise: NewBaseUrlInheritanceBehaviorAllowed
Perubahan kode yang mendasarinya (mengaktifkan perilaku pewarisan URL dasar baru) yang digantikan oleh kebijakan perusahaan ini telah diaktifkan dalam rilis stabil sejak Agustus 2023 (118.0.5966.0). Karena masalah umum telah ditangani, kebijakan perusahaan ini akan dihapus di Chrome 125.
Penghapusan properti dan metode Layar Penuh HTMLVideoElement berawalan
API layar penuh HTMLVideoElement awalan tidak digunakan lagi sejak
Chrome 38. Library ini diganti dengan Element.requestFullscreen(), yang pertama kali
dikirim tanpa awalan pada tahun 2018 di Chrome 71.
Properti dan metode berikut akan dihapus dari HTMLVideoElement:
webkitSupportsFullscreenwebkitDisplayingFullscreenwebkitEnterFullscreen()webkitExitFullscreen()webkitEnterFullScreen()(perhatikan perbedaan huruf besar "S" di FullScreen)webkitExitFullScreen()
Daftar ke uji coba penghentian penggunaan yang tercantum dalam postingan ini jika situs Anda masih mengandalkan hal ini dan Anda memerlukan lebih banyak waktu untuk memperbarui kode.