Berikut hal yang perlu Anda ketahui:
- Transisi lintas dokumen baru didukung di View Transitions API.
- CloseWatcher API tersedia sekali lagi.
- Gamepad API kini menyertakan trigger-rumble.
- Dan masih banyak lagi.
Saya Adriana Jara. Mari selami dan lihat hal-hal baru untuk developer di Chrome 126.
Transisi tampilan lintas dokumen untuk navigasi origin yang sama
View Transitions API memberi Anda kemampuan untuk membuat transisi visual yang lancar di antara berbagai tampilan. Kini tersedia secara default untuk navigasi dari origin yang sama. Sebelumnya, alat ini hanya tersedia untuk arsitektur aplikasi web satu halaman.
Untuk menerapkan transisi tampilan lintas dokumen, kedua ujungnya harus ikut serta. Untuk melakukannya, gunakan transisi lihat di aturan dan tetapkan deskripsi navigasi ke otomatis.
Transisi tampilan lintas dokumen menggunakan elemen dan prinsip penyusun yang sama seperti transisi tampilan dokumen yang sama.
@view-transition {
navigation: auto;
}
Kunjungi Transisi yang mulus dengan View Transition API untuk mengetahui detailnya, contoh lainnya.
CloseWatcher API diaktifkan kembali
Untuk elemen <dialog>
dan popover=""
, CloseWatcher API mempermudah penanganan permintaan tutup,
seperti tombol ESC di platform desktop atau gestur kembali di Android.
Fitur ini awalnya diluncurkan di Chrome 120, tetapi dinonaktifkan karena interaksi yang tidak terduga dengan elemen dialog. Fitur ini telah diaktifkan kembali di Chrome 126 setelah peningkatan untuk meminimalkan masalah sebelumnya.
Untuk mempelajari cara menggunakan CloseWatcher, buka demonya.
Ekstensi trigger-rumble API gamepad
Kemampuan trigger-rumble kini menjadi bagian dari Gamepad API. Privacy Sandbox meningkatkan pengalaman bermain game di web untuk pengontrol yang kompatibel.
trigger-rumble
memperluas GamepadHapticActuator
, yaitu antarmuka yang mewakili hardware di pengontrol yang dirancang untuk memberikan respons haptic kepada pengguna (jika tersedia). trigger-rumble
memungkinkan aplikasi web yang menggunakan Gamepad API juga menggetarkan pemicu perangkat gamepad tersebut.
Dengan kode berikut, Anda dapat memeriksa apakah fungsinya didukung di browser dan cara memicunya—trigger-rumble
// This assumes a `Gamepad` as the value of the `gamepad` variable.
const triggerRumble = (gamepad, delay = 0, duration = 100, weak = 1.0, strong = 1.0) => {
if (!('vibrationActuator' in gamepad)) {
return;
}
// Feature detection.
if (!('effects' in gamepad.vibrationActuator) || !gamepad.vibrationActuator.effects.includes('trigger-rumble')) {
return;
}
gamepad.vibrationActuator.playEffect('trigger-rumble', {
// Duration in ms.
duration: duration,
// The left trigger (between 0 and 1).
leftTrigger: leftTrigger,
// The right trigger (between 0 and 1).
rightTrigger: rightTrigger,
});
};
Lihat Mainkan game dino Chrome dengan gamepad Anda untuk mengetahui informasi selengkapnya guna memanfaatkan Gamepad API.
Dan lainnya.
Tentu saja masih banyak lagi.
GeolocationCoordinates
danGeolocationPosition
sekarang menyertakan metode.toJSON()
.Di update DevTools, Anda dapat memeriksa bucket penyimpanan di hierarki khusus di bagian Aplikasi > Penyimpanan.
ChromeOS kini mendukung mode tab untuk aplikasi web.
Bacaan lebih lanjut
Bagian ini hanya mencakup beberapa sorotan utama. Periksa link berikut untuk melihat perubahan tambahan di Chrome 126.
- Yang baru di Chrome DevTools (126)
- Update ChromeStatus.com untuk Chrome 126
- Daftar perubahan repositori sumber Chromium
- Kalender rilis Chrome
Subscribe
Untuk terus mengikuti info terbaru, subscribe ke channel YouTube Chrome Developers, dan Anda akan mendapatkan notifikasi email setiap kali kami meluncurkan video baru.
Halo Adriana Jara, dan segera setelah Chrome 127 dirilis, saya akan segera memberi tahu Anda apa yang baru di Chrome!