Chrome 150

Tanggal rilis stabil: 30 Juni 2026

Kecuali jika dinyatakan lain, perubahan berikut berlaku untuk rilis saluran stabil Chrome 150 untuk Android, ChromeOS, Linux, macOS, dan Windows.

CSS dan UI

Warna sistem AccentColor dan AccentColorText

Warna sistem AccentColor dan AccentColorText dapat digunakan dalam CSS untuk mengakses warna aksen sistem yang ditentukan di perangkat pengguna. Hal ini memungkinkan developer menerapkan gaya seperti aplikasi native ke konten web mereka dalam konteks saat pengguna mengharapkan integrasi tema OS, seperti aplikasi web yang diinstal. Pengguna harus berada di aplikasi web yang diinstal di profil awal untuk melihat warna aksen sistem yang dirender.

Bug pelacakan #40229450 | Entri ChromeStatus.com | Spesifikasi

Mengizinkan parameter pembulatan opsional untuk polygon()

Menambahkan parameter pembulatan sudut opsional dalam fungsi bentuk CSS polygon(). Developer dapat menentukan nilai panjang untuk membulatkan sudut poligon tanpa menghitung kurva bezier secara manual.

Bug pelacakan #329302249 | Entri ChromeStatus.com | Spesifikasi

zoom yang dapat dianimasikan

Properti CSS zoom dapat dianimasikan dan diinterpolasi sebagai <number>. Developer dapat melakukan transisi dan menganimasikan zoom untuk menskalakan elemen dan tata letaknya dengan lancar, yang melengkapi penskalaan berbasis transformasi yang ada.

Bug pelacakan #393810951 | Entri ChromeStatus.com

Pengubah permintaan url() CSS

Fungsi url() CSS menerima pengubah permintaan opsional setelah string URL yang dikutip: cross-origin(), integrity(), dan referrer-policy(). Pengubah ini mengontrol perilaku pengambilan resource yang direferensikan langsung dari CSS, tanpa memerlukan perubahan pada markup HTML atau JavaScript. Misalnya, background-image: url("image.png" cross-origin(anonymous)) mengambil gambar menggunakan mode anonim CORS. Hal ini memberi penulis kontrol mendetail atas akses lintas origin, integritas subresource, dan kebijakan perujuk untuk resource yang dimuat CSS, termasuk gambar, font, referensi SVG, dan stylesheet yang diimpor.

Bug pelacakan #435625756 | Entri ChromeStatus.com | Spesifikasi

Properti text-fit CSS

Menskalakan ukuran font node teks agar sesuai dengan lebar kotak yang berisi teks tersebut.

Properti ini memungkinkan developer memastikan judul atau konten dinamis mengisi ruang horizontal yang tersedia tanpa perhitungan ukuran font manual atau solusi JavaScript yang kompleks. Properti ini menyediakan solusi asli CSS yang andal untuk tipografi responsif yang mempertahankan perataan visual di berbagai ukuran layar dan panjang teks yang berbeda.

Bug pelacakan #417306102 | Entri ChromeStatus.com | Spesifikasi

background-clip: border-area CSS

Mengimplementasikan nilai border-area untuk properti background-clip CSS, seperti yang ditentukan dalam CSS Backgrounds Level 4. background-clip: border-area memotong latar belakang elemen ke area yang digambar oleh stroke batasnya, dengan mempertimbangkan border-width dan border-style sambil mengabaikan transparansi dari border-color. Hal ini memungkinkan developer membuat batas gradien tanpa border-image. WebKit sudah mengirimkan fitur ini; implementasi ini membuat Chromium setara.

Bug pelacakan #329302543 | Entri ChromeStatus.com | Spesifikasi

Fungsi image(<color>) CSS

Fungsi image() memungkinkan penulis membuat gambar berwarna solid dari warna apa pun. Sintaksisnya adalah: image() = image( <color> )

Bug pelacakan #510426954 | Entri ChromeStatus.com | Spesifikasi

light-dark() CSS dengan nilai gambar

Memperluas fungsi light-dark() CSS untuk menerima nilai gambar (url(), image-set(), none) dalam stylesheet penulis, sehingga properti gambar seperti background-image, list-style-image, border-image-source, cursor, dan content otomatis beralih antar-gambar berdasarkan skema warna pilihan pengguna. Sebelumnya, hal ini hanya diizinkan dalam stylesheet UA. Hal ini selaras dengan spesifikasi CSS Color 5 dan cocok dengan implementasi Firefox yang ada.

Bug pelacakan #491829958 | Entri ChromeStatus.com | Spesifikasi

Kueri penampung yang dipisahkan koma

Mendukung beberapa kueri per aturan @container. Aturan @container berlaku jika setidaknya salah satu kueri cocok.

Hal ini memungkinkan Anda memiliki kueri penggantian untuk fitur yang tidak didukung di semua browser.

Bug pelacakan #41491726 | Entri ChromeStatus.com | Spesifikasi

Mengekspos area yang tidak dapat dicetak dengan CSS

Printer biasanya memiliki area kecil di setiap dari empat tepi kertas yang tidak dapat ditandai dengan andal, biasanya karena mekanisme penanganan kertas printer. Margin halaman default diharapkan lebih besar dari area ini, tetapi jika penulis menetapkan margin sendiri, dan bahkan ingin menambahkan kotak margin @page (misalnya, untuk header dan footer kustom), mereka memerlukan cara untuk mengetahui tempat yang aman untuk dicetak dan tidak.

Deskriptor CSS page-margin-safety dapat digunakan untuk menghindari area yang tidak dapat dicetak tersebut.

Bug pelacakan #368070327 | Entri ChromeStatus.com | Spesifikasi

flex-wrap: balance

flex-wrap: balance memungkinkan developer mendistribusikan konten antar-baris fleksibel sehingga konten tersebut tampak lebih seimbang (mirip dengan text-wrap: balance).

Bug pelacakan #416755656 | Entri ChromeStatus.com | Spesifikasi

Fungsi named-feature() untuk @supports CSS

Fungsi named-feature() memungkinkan aturan @supports CSS mengkueri sekumpulan kecil fitur bernama tertentu yang tidak dapat diuji menggunakan mekanisme @supports lainnya, tetapi dianggap sangat berharga untuk diuji.

Bug pelacakan #353715317 | Entri ChromeStatus.com | Spesifikasi

overscroll-behavior: chain

overscroll-behavior kini memiliki nilai: none, auto, contain, dan nilai baru chain. Nilai ini memengaruhi dua efek independen: propagasi scroll dan efek batas lokal (misalnya, peregangan overscroll).

• none: tidak ada propagasi, tidak ada efek lokal
• auto: propagasi, efek lokal
• contain: tidak ada propagasi, efek lokal
• chain: propagasi, tidak ada efek lokal

Bug pelacakan #499018879 | Entri ChromeStatus.com | Spesifikasi

Mendukung path-length sebagai properti CSS.

Perubahan ini memperkenalkan properti CSS baru, path-length, yang dipetakan ke atribut presentasi pathLength SVG yang ada. Properti ini berlaku untuk elemen geometri SVG yang mendukung pathLength (termasuk <path>, <circle>, <rect>, <line>, <polyline>, <polygon>, dan <ellipse>).

Bug pelacakan #40670251 | Entri ChromeStatus.com | Spesifikasi

DOM dan HTML

Meng-clone ke semua elemen selectedcontent turunan

Beberapa perubahan kecil dilakukan pada kasus ekstrem elemen selectedcontent:

• Jika beberapa elemen selectedcontent ditempatkan dalam elemen pilih secara bersamaan, semuanya akan terus diperbarui, bukan hanya elemen pertama dalam urutan DOM.
• Memperbarui elemen selectedcontent ditangguhkan jika akan berjalan selama langkah penyisipan, penghapusan, atau pemindahan untuk memperbaiki masalah keamanan. Pembaruan ditangguhkan dengan menggunakan langkah pasca-penyisipan atau tugas mikro.

Bug pelacakan #458113204 | Entri ChromeStatus.com | Spesifikasi

Focusgroup

Memberikan kemampuan untuk secara deklaratif memberikan navigasi tombol panah widget komposit, tab stop yang dijamin, dan memori yang terakhir difokuskan, menggantikan skrip tabindex roving yang dikodekan secara manual. Contoh:

<div focusgroup="toolbar wrap" aria-label="Formatting">
  <button>Bold</button>
  <button>Italic</button>
  <button>Underline</button>
</div>

Entri ChromeStatus.com | Spesifikasi

Streaming di luar urutan

Gunakan <template for> dan rentang instruksi pemrosesan (<?marker>, <?start>, dan <?end>) untuk memperbarui bagian dokumen yang ada tanpa JS.

Bug pelacakan #431374376 | Entri ChromeStatus.com | Spesifikasi

Mengurai instruksi pemrosesan dalam HTML

Instruksi pemrosesan (sintaksis: <?target data>) adalah konstruksi DOM yang ada, yang diekspos dalam XML, yang mewakili objek node yang bukan elemen tetapi dapat memiliki beberapa arti semantik untuk pemrosesan dokumen.

Instruksi pemrosesan diurai oleh pengurai HTML, dan menerima API atribut yang mirip dengan elemen untuk mengubah datanya.

Bug pelacakan #481087638 | Entri ChromeStatus.com | Spesifikasi

Perubahan perilaku popover=hint

Perubahan ini mengimplementasikan model penumpukan yang direvisi dan disederhanakan untuk atribut popover=hint dan interaksinya dengan popover=auto. Sebelumnya, interaksi antara kedua jenis popover ini dapat menjadi kompleks dalam beberapa situasi kasus ekstrem (seperti popover otomatis yang disarangkan di dalam popover petunjuk), dan dapat menyebabkan perilaku yang tidak terduga. Dalam model baru, membuka popover petunjuk tidak akan menutup popover otomatis yang tidak terkait secara tidak sengaja. Popover petunjuk hanya disembunyikan saat popover otomatis leluhurnya disembunyikan, atau saat popover otomatis baru yang tidak terkait dibuka. Selain itu, developer dapat menyarangkan popover otomatis di dalam popover petunjuk dengan aman; bukan menampilkan pengecualian atau merusak tumpukan, popover otomatis yang disarangkan akan "diturunkan" dengan baik dan berperilaku sebagai popover petunjuk. Hal ini mendukung kasus penggunaan seperti menempatkan customizable-select dalam popover=hint.

Untuk lebih meningkatkan prediktabilitas dan mencegah mutasi status yang kompleks, kami juga memperketat perilaku terkait pembukaan dan penutupan popover dari dalam peristiwa beforetoggle. Sebelumnya, ada penjaga untuk beberapa kasus, tetapi tidak semua, yang mungkin terjadi. Perubahan ini memperbarui mekanisme yang digunakan untuk mendeteksi kasus ini, sehingga akan menampilkan InvalidStateErrors dengan lebih andal untuk semua kasus tersebut. Hal ini memastikan pengelolaan status popover tetap stabil dan mencegah bug reentrancy looping.

Bug pelacakan #499019927 | Entri ChromeStatus.com | Spesifikasi

Janji scroll terprogram

Fitur ini memberikan sinyal yang andal untuk status penyelesaian scroll halus terprogram. Semua metode scroll di Element dan Window menampilkan objek Promise yang di-resolve saat scroll selesai, dan nilai yang di-resolve menunjukkan apakah scroll terganggu atau tidak.

Bug pelacakan #41406914 | Entri ChromeStatus.com | Spesifikasi

Grafis dan media

Menonaktifkan filter SVG di plugin dan iframe

Chrome 150 akan mencegah filter SVG diterapkan ke plugin yang disematkan (misalnya, PDF) dan iframe lintas origin atau yang dibatasi (misalnya, iframe sandbox). Saat plugin atau iframe digambar dengan efek filter SVG, pohon efek akan ditelusuri untuk menemukan ancestor tertinggi tanpa filter SVG, dan efek tersebut akan diterapkan sebagai gantinya.

Bug pelacakan #476646486 | Entri ChromeStatus.com | Spesifikasi

WebGPU: Langsung

Menambahkan ruang alamat langsung baru di WGSL dan metode setImmediateData() pada encoder pass render, pass komputasi, dan paket render yang memungkinkan developer meneruskan sejumlah kecil data yang sering diperbarui langsung ke shader tanpa membuat objek buffer GPU atau grup pengikatan.

Bug pelacakan #366291600 | Entri ChromeStatus.com | Spesifikasi

Keamanan dan Ucapan Web

Origin buram untuk URL data:

Chrome 150 memperbarui cara Worker khusus dan bersama menangani data: URL. Kedua worker ini kini akan ditetapkan dengan origin buram yang unik, bukan otomatis mewarisi origin keamanan dari skrip atau halaman pembuatnya.

Penyelarasan dengan spesifikasi HTML worker ini meningkatkan keamanan dengan mengisolasi worker tersebut dari status origin yang sama dengan pembuatnya. Hal ini mencegah worker mengakses data sensitif menggunakan mekanisme seperti BroadcastChannel atau penyimpanan origin yang sama. Untuk mempertahankan batas isolasi yang benar, worker ini masih berada dalam partisi penyimpanan yang sama (misalnya, dengan mempertahankan situs tingkat teratas atau nonce) dengan pembuatnya.

Bug pelacakan #40051700 | Entri ChromeStatus.com | Spesifikasi

Web Speech API: Kualitas Pengenalan di Perangkat

Memperluas antarmuka SpeechRecognition dengan menambahkan properti quality ke SpeechRecognitionOptions. Hal ini memungkinkan developer menentukan kemampuan semantik yang diperlukan untuk pengenalan di perangkat (dengan processLocally: true).

Enum kualitas yang diusulkan mendukung tiga tingkat: command, dictation, dan conversation. Hal ini dipetakan ke peningkatan kompleksitas tugas dan persyaratan hardware. Hal ini memungkinkan developer menentukan apakah perangkat lokal dapat menangani kasus penggunaan berisiko tinggi (seperti transkripsi rapat) atau apakah mereka harus beralih ke layanan cloud.

Bug pelacakan #476168420 | Entri ChromeStatus.com | Spesifikasi

Aplikasi Web

Migrasi origin PWA

Saat pengguna menginstal Progressive Web App (PWA), identitas dan konteks keamanannya terikat erat dengan origin webnya, misalnya app.example.com. Hal ini menimbulkan tantangan yang signifikan bagi developer yang perlu mengubah origin PWA mereka karena rebranding, reorganisasi domain, atau perancangan ulang teknis. Tanpa migrasi origin, perubahan tersebut memaksa pengguna meng-uninstal aplikasi lama secara manual dan menginstal ulang aplikasi baru, sehingga menyebabkan pengalaman yang mengganggu dan potensi peningkatan tingkat kehilangan pengguna. Chrome 150 memperkenalkan mekanisme bagi developer untuk memigrasikan dengan lancar PWA yang diinstal ke origin baru di situs yang sama, sehingga mempertahankan kepercayaan dan izin pengguna.

Kebijakan WebAppInstallForceList memblokir migrasi. Karena kebijakan perusahaan terkait aplikasi web utamanya didasarkan pada URL dan origin, ada risiko bahwa migrasi akan mengabaikan kebijakan tertentu yang mungkin telah dikonfigurasi oleh administrator. Tidak ada migrasi yang akan ditawarkan kepada pengguna saat aplikasi diinstal otomatis oleh administrator perusahaan mereka. Sebagai gantinya, sebuah banner akan ditampilkan untuk menjelaskan hal ini kepada pengguna.

Bug pelacakan #396504527 | Entri ChromeStatus.com | Spesifikasi

Uji coba origin

Protokol Verifikasi Email

EVP (protokol verifikasi email) membantu pengguna membuat, mengakses, dan memulihkan akun dengan memberikan bukti kepemilikan kriptografi secara lancar, bukan OTP email secara manual.

Uji Coba Origin | Entri ChromeStatus.com | Spesifikasi

Pengukuran pemuatan spekulatif

Mengekspos data pengukuran terkait pemuatan spekulatif (pemuatan awal, pengambilan awal, dan prarrender) sebagai bagian dari metode performance.getSpeculations() yang baru diekspos. Hal ini akan memungkinkan developer mengukur efektivitas berbagai strategi pemuatan spekulatif dan menyesuaikannya.

Uji Coba Origin | Bug pelacakan #481590676 | Entri ChromeStatus.com

WebRTC Diagnostic Logging API

API untuk pencatatan log diagnostik WebRTC.

API ini memungkinkan aplikasi ikut serta dalam pencatatan log diagnostik. Log ini berisi informasi tentang aktivitas WebRTC oleh aplikasi dan berguna untuk proses debug lokal atau untuk mengajukan bug.

Log dapat diupload secara opsional di luar band ke vendor browser dan dapat digunakan untuk mendiagnosis bug. Aplikasi mendapatkan ID yang dapat dilampirkan ke laporan bug, mirip dengan error.

Log diagnostik diaktifkan dengan kebijakan perusahaan yang disebut WebRtcDiagnosticLogCollectionAllowedForOrigins.

Uji Coba Origin | Bug pelacakan #481412281 | Entri ChromeStatus.com | Spesifikasi

Penghentian dan penghapusan

Tidak ada penghentian atau penghapusan dalam rilis ini.