Chrome 126

Tanggal rilis stabil: 11 Juni 2024

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

CSS

Transisi tampilan lintas dokumen untuk navigasi dari origin yang sama

Sebelumnya, Anda harus merancang ulang situs Anda menjadi SPA untuk menggunakan View Transitions API. Namun, sekarang sudah tidak seperti itu lagi. Transisi tampilan kini diaktifkan secara default untuk navigasi dari origin yang sama. Anda dapat membuat transisi tampilan antara dua dokumen berbeda yang berasal dari asal yang sama.

Untuk mengaktifkan transisi tampilan lintas dokumen, kedua ujungnya harus memilih ikut serta. Untuk melakukannya, gunakan @view-transition pada aturan dan tetapkan deskripsi navigation ke auto.

@view-transition {
  navigation: auto;
}

Transisi tampilan lintas dokumen menggunakan elemen penyusun dan prinsip yang sama seperti transisi tampilan dokumen yang sama. Elemen yang menerapkan view-transition-name akan diambil, dan Anda dapat menyesuaikan animasi menggunakan animasi CSS.

Transisi lancar dengan View Transition API | Bug pelacakan #1372584 | Entri ChromeStatus.com | Spesifikasi

Web API

Ekstensi pemicu-rumble Gamepad API

Memperluas antarmuka GamepadHapticActuator untuk menampilkan kemampuan trigger-rumble di Web untuk gamepad yang kompatibel. Ekstensi ini akan memungkinkan aplikasi web yang memanfaatkan Gamepad API untuk juga menggetarkan pemicu perangkat gamepad yang dilengkapi dengan fungsi ini.

Bug pelacakan #40834175 | Entri ChromeStatus.com | Spesifikasi

Aplikasi web dengan tab ChromeOS

PWA di jendela mandiri hanya dapat membuka satu halaman dalam satu waktu. Beberapa aplikasi memperkirakan pengguna membuka banyak halaman sekaligus. Mode tab menambahkan strip tab ke aplikasi web mandiri di ChromeOS yang memungkinkan beberapa tab dibuka sekaligus.

Fitur ini menambahkan mode tampilan baru "tabbed" dan kolom manifes baru untuk memungkinkan penyesuaian pada tab setrip.

Bug pelacakan #40598974 | Entri ChromeStatus.com | Spesifikasi

Metode toJSON() untuk GeolocationCoordinates dan GeolocationPosition

Menambahkan metode .toJSON() ke antarmuka GeolocationCoordinates dan GeolocationPosition. Tindakan ini memungkinkan serialisasi objek ini dengan JSON.stringify().

Entri ChromeStatus.com

Antarmuka super IDL Web WebGLObject

Fitur ini mengekspos jenis WebGLObject dalam konteks yang sama tempat WebGL API diekspos—di thread dan worker utama.

Entri ChromeStatus.com | Spesifikasi

Mengaktifkan kembali CloseWatcher API dan menutup permintaan untuk <dialog> dan popover=""

CloseWatcher API memungkinkan penanganan permintaan tutup, seperti kunci ESC di platform desktop atau gestur atau tombol kembali di Android, secara seragam. Fitur ini awalnya diluncurkan di Chrome 120, tetapi dinonaktifkan karena interaksi yang tidak terduga dengan <dialog>. Fitur ini telah diaktifkan kembali di Chrome 126 setelah beberapa peningkatan pada perilakunya untuk meminimalkan masalah yang terlihat di sana.

Demo | Bug pelacakan #1171318 | Entri ChromeStatus.com

Attribution Reporting API: Kebijakan perujuk untuk permintaan attributionsrc

Permintaan attributionsrc diperlakukan seperti subresource lainnya di halaman.

Sebelumnya, saat API dipanggil melalui penggunaan atribusi attributionsrc sebagai bagian dari berbagai elemen HTML (seperti <img>, <script>, <a>, atau window.open), atribut kebijakan perujuk tingkat resource yang ditetapkan pada elemen <html> akan diabaikan.

Dengan perubahan ini, permintaan attributionsrc kini akan menerapkan kebijakan perujuk tingkat resource yang sama dengan yang disetel di <img>, <script>, <a>, atau window.open.

Hal ini memungkinkan teknologi iklan mengontrol informasi perujuk atau tidak dengan lebih ketat terkait informasi perujuk pada permintaan attributionsrc mereka.

Entri ChromeStatus.com

Media

Dukungan container MP4 untuk MediaRecorder

Menambahkan dukungan untuk melakukan muxing audio dan video ke dalam penampung MP4 dengan MediaRecorder.

MediaRecorder | Entri ChromeStatus.com | Spesifikasi

Parameter signal dan application OpusEncoderConfig

Parameter OpusEncoderConfig.signal dan OpusEncoderConfig.application dipetakan langsung ke tombol encoder khusus implementasi. Hal ini memungkinkan penulis web memberikan petunjuk tentang jenis data yang dienkode, dan dalam konteks apa data tersebut digunakan.

signal dapat berupa salah satu dari "auto", "music", "voice". Atribut ini mengonfigurasi encoder untuk mendapatkan performa terbaik dalam mengenkode jenis data yang ditentukan. application dapat berupa salah satu dari "voip", "audio", "lowdelay". Ini mengonfigurasi encoder untuk mendukung kejelasan ucapan, reproduksi yang setia dari input asli, atau latensi minimal.

Entri ChromeStatus.com | Spesifikasi

JavaScript

Dukungan onscrollend visualViewport

Peristiwa JavaScript scrollend diaktifkan untuk menandakan bahwa operasi scroll telah berakhir.

Antarmuka visualViewport menyertakan pengendali peristiwa onscrollend yang harus dipanggil saat operasi scroll di visualViewport telah berakhir. Chrome sudah mendukung penambahan pemroses peristiwa scrollend melalui visualViewport.addEventListener("scrollend"). Hal ini hanya memungkinkan menambahkan pemroses peristiwa menggunakan visualViewport.onscrollend.

Bug pelacakan #325307785 | Entri ChromeStatus.com

Privasi

Menyelaraskan navigator.cookieEnabled dengan spesifikasi

navigator.cookieEnabled saat ini menunjukkan apakah "agen pengguna mencoba menangani cookie" dalam konteks tertentu. Perubahan di Chrome, pengiriman sebagai bagian dari penghentian penggunaan cookie pihak ketiga (3PCD), akan menyebabkannya menunjukkan apakah akses cookie yang tidak dipartisi dimungkinkan (menyebabkannya menampilkan nilai salah di sebagian besar iframe lintas situs). Kami harus memulihkan perilaku navigator.cookieEnabled sebelumnya yang hanya menunjukkan apakah cookie diaktifkan atau dinonaktifkan untuk situs dan mengandalkan fungsi lintas vendor document.hasStorageAccess untuk menunjukkan apakah akses cookie tanpa partisi memungkinkan.

Bug pelacakan #335553590 | Entri ChromeStatus.com | Spesifikasi

Aksesibilitas

Dukungan untuk Framework Aksesibilitas Otomatisasi UI di Windows

Aplikasi asistif modern di Microsoft Windows menggunakan framework aksesibilitas Otomatisasi UI platform untuk berinteroperasi dengan antarmuka pengguna aplikasi lain. Hingga saat ini, Chromium telah mendukung framework Microsoft Active Accessibility (MSAA) dan IAccessible2 (IA2) lama untuk tujuan ini, yang menyebabkan masalah pada alat aksesibilitas di Windows.

Untuk mengatasi masalah ini, Microsoft telah bekerja sama dengan tim Chrome untuk mendukung framework Otomatisasi UI (UIA) di Windows secara langsung, sehingga memudahkan alat aksesibilitas berkomunikasi dengan browser. Kami akan memulai peluncuran bertahap ke versi stabil, mulai Chrome versi 126. Tindakan ini akan mengaktifkan Voice Access agar berfungsi di semua browser berbasis Chromium dan akan meningkatkan pengalaman pengguna untuk semua alat aksesibilitas berbasis UIA, seperti Narator dan Kaca Pembesar.

Memperkenalkan dukungan UIA di Windows

Uji coba origin baru

FedCM sebagai sinyal kepercayaan untuk Storage Access API

Merekonsiliasi FedCM dan Storage Access API dengan membuat FedCM sebelumnya memberikan alasan yang valid untuk menyetujui permintaan akses penyimpanan secara otomatis.

Saat pengguna memberikan izin untuk menggunakan identitasnya dengan Penyedia Identitas (IdP) pihak ketiga di Pihak Pengaya (RP), banyak IdP memerlukan cookie pihak ketiga agar berfungsi dengan benar dan aman. Proposal ini bertujuan untuk memenuhi persyaratan tersebut secara pribadi dan aman dengan memperbarui pemeriksaan izin Storage Access API (SAA) agar tidak hanya menerima pemberian izin yang diberikan oleh dialog akses penyimpanan, tetapi juga pemberian izin yang diberikan oleh prompt FedCM.

Properti utama mekanisme ini membatasi pemberian untuk kasus yang secara eksplisit diizinkan oleh RP melalui kebijakan izin FedCM, menerapkan kontrol per frame untuk RP, dan mencegah pengawasan pasif oleh IdP di luar kemampuan yang telah diberikan FedCM.

Uji Coba Origin | Explainer | Entri ChromeStatus.com

Tidak ikut pratinjau media

Uji coba origin terbalik ini mengecualikan situs dari peluncuran Pratinjau Media.

Chrome akan menyediakan pratinjau input kamera dan mikrofon secara real-time pada saat izin kamera dan mikrofon diminta oleh situs. Info ini juga akan tersedia dari info halaman situs.

Selain itu, pengguna yang memiliki beberapa perangkat akan dapat memilih kamera dan mikrofon saat izin diminta, kecuali jika situs telah meminta perangkat tertentu melalui getUserMedia().

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

FedCM: Continuation API, Parameters API, Fields API, Beberapa configURLs, Label Akun Kustom

Developer dapat mulai mengikuti uji coba origin untuk paket fitur FedCM desktop yang dapat mencakup otorisasi. Paket ini terdiri dari FedCM Continuation API, Parameter API, Fields API, Multiple configURLs, dan Label Akun Kustom. Tindakan ini akan mengaktifkan pengalaman seperti alur otorisasi OAuth yang melibatkan dialog izin yang disediakan IdP.

Bug pelacakan #40262526 | Entri ChromeStatus.com

Kontrol Izin yang Tersemat Halaman

Berikan elemen HTML baru yang berinteraksi dengan alur izin.

Saat ini, dialog izin dipicu langsung dari JavaScript tanpa agen pengguna memiliki sinyal niat pengguna yang kuat. Memiliki elemen dalam konten yang digunakan pengguna untuk memicu alur izin memungkinkan UX prompt izin yang lebih baik bagi pengguna serta jalur pemulihan dari status izin "ditolak" untuk situs.

Entri ChromeStatus.com

Penghentian penggunaan dan penghapusan

Hentikan penggunaan dan hapus sintaksis 'pernyataan' impor

Menghentikan penggunaan dan menghapus kata kunci assert dan menggantinya dengan kata kunci with baru dalam sintaksis atribut impor.

Artinya, import m from 'foo' assert { type: 'json' } sekarang akan menampilkan SyntaxError, dan developer harus mengubahnya menjadi import m from 'foo' with { type: 'json' }.

Entri ChromeStatus.com | Spesifikasi

Bacaan lebih lanjut

Ingin mempelajari lebih lanjut? Lihat referensi tambahan ini.

Download Google Chrome

Download Chrome untuk Android, Desktop, atau iOS.