Chrome 147 beta

Rachel Andrew

Dipublikasikan: 11 Maret 2026

Kecuali dinyatakan lain, berikut adalah perubahan pada rilis saluran beta Chrome terbaru untuk Android, ChromeOS, Linux, macOS, dan Windows. Pelajari lebih lanjut fitur ini dengan membuka link yang disediakan atau dengan membuka ChromeStatus.com. Anda dapat mendownload versi beta terbaru dari Google.com untuk desktop atau dari Google Play Store di Android.

Rentang bernama linimasa scroll

Fitur ini memperluas kumpulan rentang bernama ViewTimelines, dengan menambahkan rentang scroll.

Scroll-Driven Animations API memperkenalkan ViewTimelines bersama dengan rentang bernama yang merujuk pada bagian ViewTimeline yang menentukan rentang animasi.

Namun, semua rentang bernama yang diberikan dibatasi pada bagian ViewTimeline tempat subjeknya terlihat. Hal ini berguna bagi penulis untuk merujuk pada keseluruhan scroll container yang mendasari linimasa. Fitur ini menambahkan rentang bernama scroll ke set yang ada (entry, exit, cover, contain).

CSS contrast-color()

Anda dapat menggunakan fungsi ini untuk memenuhi persyaratan kontras untuk aksesibilitas.

Fungsi contrast-color() dapat digunakan di mana saja dalam CSS yang mengharapkan nilai warna. Fungsi ini memerlukan argumen nilai warna, dan menampilkan black atau white, bergantung pada mana yang memberikan kontras tertinggi terhadap argumen warna.

CSS border-shape

CSS border-shape memungkinkan Anda membuat batas non-persegi panjang, dengan bentuk arbitrer apa pun (misalnya, polygon, circle, shape()).

Meskipun border-shape menerima bentuk yang sama dengan clip-path, border-shape pada dasarnya berbeda: border-shape menentukan bentuk batas, menghiasnya, dan hanya menggunting bagian dalamnya.

border-shape memiliki dua varian: satu varian yang menggores bentuk, dan varian lain yang mengisi di antara dua bentuk.

Transisi tampilan cakupan elemen

Mengekspos Element.startViewTransition() pada elemen HTML arbitrer. Elemen menetapkan cakupan untuk transisi, yang berarti bahwa elemen semu transisi dipengaruhi oleh klip dan transformasi ancestor, dan beberapa transisi pada elemen terpisah dapat berjalan secara bersamaan.

Pembaruan CSS: pemisahan properti width dan style

Chrome selaras dengan spesifikasi CSS yang diperbarui untuk perilaku properti border-width, outline-width, dan column-rule-width. Sebelumnya, jika border-style, outline-style, atau column-rule-style yang sesuai ditetapkan ke none atau hidden, lebar yang dihitung dari properti ini dipaksa menjadi 0px, terlepas dari nilai yang ditentukan.

Dengan perubahan ini, nilai border-width, outline-width, dan column-rule-width yang dihitung selalu mencerminkan nilai yang ditentukan penulis, terlepas dari properti *-style. Selain itu, nilai yang di-resolve (seperti yang ditampilkan oleh getComputedStyle()) untuk outline-width dan column-rule-width juga mencerminkan nilai yang ditentukan.

Perubahan ini menyelaraskan Chrome dengan Firefox dan WebKit, yang telah menerapkan perilaku ini.

Antarmuka CSSPseudoElement

Antarmuka CSSPseudoElement merepresentasikan elemen semu di JavaScript.

CSSPseudoElement ditampilkan dari Element.pseudo(type), dengan type adalah: ::after, ::before, ::marker. CSSPseudoElement adalah objek proxy yang merepresentasikan elemen semu, jadi, tidak seperti elemen semu, CSSPseudoElement selalu ada.

CSSPseudoElement memiliki atribut/metode berikut:

• Atribut type adalah string yang mewakili jenis pseudo-element.
• Atribut element adalah elemen asal utama dari pseudo-element.
• Atribut parent adalah elemen asal dari elemen semu (Baik Elemen atau CSSPseudoElement untuk elemen semu bertingkat).
• Metode pseudo(type) untuk mengambil elemen semu bertingkat.

Target semu pada peristiwa

Peristiwa tertentu diperluas untuk memiliki .pseudoTarget yang berupa CSSPseudoElement (jika interaksi dilakukan dengan elemen semu) atau null.

Hal ini memberikan informasi yang lebih spesifik tentang asal peristiwa, misalnya, bahwa tidak hanya elemen asal akhir (Event.target) yang diklik, tetapi lebih spesifik lagi bahwa elemen tersebut adalah ::after. Perhatikan bahwa Event.target tidak berubah, sehingga peristiwa hanya memiliki info tambahan tentang interaksi pseudo-elemen.

Peristiwa tersebut adalah UIEvent, AnimationEvent, TransitionEvent.

mouseover, mouseout, mouseenter, mouseleave dan pointer* yang setara tidak didukung.

Deteksi Bidang WebXR

WebXR Plane Detection API memungkinkan situs mengambil kumpulan bidang yang terdeteksi di lingkungan pengguna. Hal ini lebih memudahkan developer dan lebih canggih daripada menggunakan fitur WebXR pendeteksi kedalaman karena bidang, misalnya, dinding yang menghalangi objek, masih dapat direpresentasikan sepenuhnya jika sistem mengetahui batas dinding. Peta kedalaman akan menampilkan dinding, tetapi objek di depan dinding akan memecahnya, sehingga berpotensi mengaburkan cakupan penuh dinding. Selain itu, informasi pelabelan semantik tersedia saat perangkat mengetahui label tersebut dan label tersebut sesuai dengan kategori yang telah ditentukan sebelumnya, yang memberikan pengetahuan yang lebih baik tentang dunia.

Lapisan WebXR

Lapisan WebXR menawarkan cara yang lebih efisien untuk menggambar konten imersif.

Selain dukungan untuk tekstur warna dan kedalaman native serta array tekstur, API ini juga menyediakan dukungan untuk berbagai jenis lapisan yang dikelola oleh compositor sistem, bukan JavaScript.

Penguraian XML di Rust untuk skenario non-XSLT

Kami mengirimkan parser XML Rust untuk skenario yang kami yakini tidak memerlukan pemrosesan XSLT.

Parser XML Rust meningkatkan keamanan dengan menghilangkan bug kerusakan memori dalam penguraian XML. Parser ini dimaksudkan untuk menggantikan penggunaan libxml2 (ditulis dalam C) dengan alternatif yang aman.

Chrome menghentikan penggunaan XSLT. Selama proses ini berlanjut, Anda sudah dapat menggunakan penguraian XML Rust yang aman dalam skenario yang tidak memerlukan XSLT:

Dukungan JSON dan gaya untuk link rel=modulepreload

Menambahkan dukungan untuk jenis modul gaya dan JSON sebagai tujuan <link rel="modulepreload">. <link rel="modulepreload"> sudah didukung di Chromium (lihat https://chromestatus.com/feature/5762805915451392), tetapi hanya mendukung pemuatan awal skrip modul seperti skrip. Fitur ini mengatasi kesenjangan dalam fungsi, karena skrip modul JSON dan CSS didukung di Chromium di tempat lain, tetapi tidak didukung sebagai tujuan <link rel="modulepreload">. Modul Style dapat dimuat sebelumnya dengan <link rel="modulepreload" as="style" href="..."> dan modul JSON dapat dimuat sebelumnya dengan <link rel="modulepreload" as="json" href="...">.

Math.sumPrecise

Proposal TC39 untuk menambahkan metode guna menjumlahkan beberapa nilai ke JavaScript.

Tambahkan metode Math.sumPrecise yang mengambil iterable dan menampilkan jumlah nilai dalam iterable menggunakan algoritma yang lebih presisi daripada penjumlahan sederhana.

Mendukung atribut path pada elemen <textpath> SVG

Perubahan ini menambahkan dukungan untuk atribut path pada elemen <textPath> SVG, sehingga penulis dapat menentukan geometri jalur teks secara inline menggunakan data jalur SVG dan mengurangi kebutuhan akan elemen <path> yang ditentukan secara terpisah.

<textPath> menyelesaikan geometri jalur teksnya menggunakan aturan berikut:

1. Jika path dan href ada, geometri akan diselesaikan dari atribut path.
2. Jika hanya atribut path yang ada dan berhasil diuraikan, definisi jalur inline akan digunakan.
3. Jika atribut path tidak ada atau gagal diuraikan, dan atribut href disediakan, elemen <path> yang dirujuk akan digunakan sebagai penggantian.
4. Perilaku khusus href yang ada dipertahankan tanpa perubahan.

Penerapan ini mengikuti definisi atribut path pada <textPath> dalam spesifikasi SVG 2, dan perilaku resolusinya konsisten dengan mesin browser lainnya, sehingga meningkatkan interoperabilitas dan kepatuhan terhadap standar.

Mendapatkan kemampuan Konfirmasi Pembayaran Aman

Menambahkan metode statis baru ke Permintaan Pembayaran yang memungkinkan developer web mendapatkan kemampuan penerapan Secure Payment Confirmation di browser.

Hal ini membantu developer web mengetahui kemampuan yang tersedia untuk Konfirmasi Pembayaran Aman sehingga mereka dapat memutuskan apakah mereka ingin menggunakan Konfirmasi Pembayaran Aman dengan kemampuan tersebut.

Memperbarui batas Device Memory API

Pembaruan ke kumpulan nilai baru yang mungkin untuk Device Memory API:

• Android: 1, 2, 4, 8
• Lainnya: 2, 4, 8, 16, 32.

Mengganti nilai lama 0,25, 0,5, 1, 2, 4, 8 yang sudah tidak berlaku.

Tindakan ini mengurangi risiko pengambilan sidik jari di ujung bawah karena kemampuan perangkat telah meningkat sejak nilai ini ditetapkan.

Pembatasan Akses Jaringan Lokal pada Service Worker WindowClient.navigate()

Pembatasan Akses Jaringan Lokal (LNA) baru-baru ini ditambahkan untuk membatasi situs membuat permintaan secara sepihak ke jaringan lokal dan perangkat lokal. Header ini ditambahkan untuk permintaan pengambilan data yang dimulai oleh Service Worker, tetapi tidak diterapkan pada navigasi yang dilakukan oleh service worker melalui WindowClient.navigate

Peluncuran ini mengatasi kesenjangan ini dengan menambahkan batasan LNA ke panggilan WindowClient.navigate(), menggunakan WindowClient sebagai inisiator navigasi untuk menentukan apakah navigasi adalah permintaan LNA.

Hal ini hanya berlaku jika WindowClient yang dinavigasi adalah subframe; Chrome tidak menerapkan batasan LNA apa pun pada navigasi frame utama.

Pembatasan akses jaringan lokal untuk WebSockets

Pembatasan Akses Jaringan Lokal (LNA) diperluas untuk mencakup WebSockets. Koneksi WebSockets ke alamat lokal kini memicu dialog izin.

Semua kebijakan Enterprise LNA masih berlaku untuk batasan LNA WebSockets, termasuk LocalNetworkAccessAllowedForUrls, LocalNetworkAccessBlockedForUrls, dan LocalNetworkAccessRestrictionsTemporaryOptOut.

Informasi selengkapnya tentang LNA dapat ditemukan di Akses Jaringan Lokal.

Pembatasan akses jaringan lokal untuk WebTransport

Membatasi kemampuan untuk membuat permintaan ke jaringan lokal pengguna menggunakan WebTransport, yang kini perlu melewati dialog izin.

Permintaan jaringan lokal adalah permintaan apa pun dari situs publik ke alamat IP lokal atau loopback, atau dari situs lokal (misalnya, intranet) ke loopback. Dengan menerapkan dialog izin untuk membatasi kemampuan situs dalam melakukan permintaan ini, kemampuan situs untuk menggunakan permintaan tersebut sebagai metode pelacakan sidik jari terhadap jaringan lokal pengguna bisa dikurangi.

Izin ini dibatasi untuk konteks yang aman.

Khusus IWA: Web Printing API

API ini memungkinkan integrasi yang lebih mendalam dengan fungsi terkait printer di Aplikasi Web Terisolasi (IWA).

Web Printing API menyediakan serangkaian metode JavaScript yang memungkinkan developer mengkueri printer lokal, mengirimkan pekerjaan cetak ke printer yang paling sesuai, serta mengelola opsi dan status pekerjaan cetak. Untuk merepresentasikan konsep ini, atribut mengandalkan nama dan semantik atribut dari spesifikasi Internet Printing Protocol (IPP).

Uji coba origin baru

Di Chrome 147, Anda dapat memilih untuk ikut serta dalam uji coba origin baru berikut.

Waktu Container

Container Timing API memungkinkan Anda memantau kapan bagian DOM yang diberi anotasi ditampilkan di layar dan telah menyelesaikan paint awal. Developer dapat menandai subbagian DOM dengan atribut containertiming (mirip dengan elementtiming untuk Element Timing API) dan menerima entri performa saat bagian tersebut telah digambar untuk pertama kalinya. API ini memungkinkan developer mengukur waktu berbagai komponen di halaman mereka.

Peristiwa isi otomatis

Isi Otomatis adalah fitur utama web yang mengurangi hambatan bagi jutaan pengguna setiap hari. Namun, agar fitur isi otomatis berfungsi dengan andal pada formulir dinamis di beberapa penerapan bisa menjadi rumit.

Fitur ini menambahkan peristiwa autofill yang diaktifkan saat browser akan mengisi otomatis kolom formulir. Hal ini memungkinkan developer mengubah formulir agar sesuai dengan data yang diisi otomatis dan memberi tahu browser saat mereka telah melakukannya.

Elemen penginstalan HTML aplikasi web

Memungkinkan situs secara deklaratif meminta pengguna menginstal aplikasi web. Elemen ini secara opsional menerima dua atribut yang memungkinkan penginstalan konten dari origin yang berbeda.

Daftar yang diizinkan untuk koneksi

Daftar yang diizinkan untuk koneksi adalah fitur yang dirancang untuk memberikan kontrol eksplisit atas endpoint eksternal dengan membatasi koneksi yang dimulai menggunakan Fetch API atau API platform web lainnya dari dokumen atau pekerja.

Penerapan yang diusulkan melibatkan distribusi daftar endpoint yang sah dari server melalui header respons HTTP. Sebelum koneksi dibuat oleh agen pengguna atas nama halaman, agen mengevaluasi tujuan berdasarkan daftar yang diizinkan ini; koneksi ke endpoint terverifikasi diizinkan, sedangkan koneksi yang gagal mencocokkan entri dalam daftar akan diblokir.

Penghentian penggunaan dan penghapusan

Versi Chrome ini memperkenalkan penghentian penggunaan dan penghapusan berikut. Buka ChromeStatus.com untuk melihat daftar penghentian penggunaan yang direncanakan, penghentian penggunaan saat ini, dan penghapusan sebelumnya.

Rilis Chrome ini menghentikan penggunaan X fitur.

Menghapus XSLT inline untuk produksi SVG

Kami mulai menghentikan penggunaan XSLT inline untuk produksi SVG. Hal ini di-deploy secara serentak dengan pengujian eksperimental Parser XML berbasis Rust, dan tidak langsung di-deploy ke 100% dalam versi rilis pengiriman yang ditandai.

File XML yang dibuat khusus dapat berisi stylesheet XSL yang mengubah data XML umum menjadi file SVG.

Contoh: https://gist.github.com/drott/1fc70b3c7f0ac314d1fe2e5beecc5490?short_path=1c60adf

Ini adalah kasus khusus pemrosesan XSLT yang menurut pengukuran penggunaan, Chrome menganggapnya hampir tidak ada di web. Chrome berencana untuk menghentikan penggunaan dan menghapus penggunaan XSLT tertentu ini sebelum menghentikan penggunaan XSLT sepenuhnya.