Halaman ini diterjemahkan oleh Cloud Translation API.

Baru di Chrome 126

Adriana Jara

Berikut hal yang perlu Anda ketahui:

Transisi lintas dokumen baru didukung di View Transitions API.
CloseWatcher API tersedia lagi.
Gamepad API kini menyertakan trigger-rumble.
Dan masih banyak fitur lainnya.

Saya Adriana Jara. Mari kita lihat apa saja yang baru untuk developer di Chrome 126.

Transisi tampilan lintas dokumen untuk navigasi dari origin yang sama

View Transitions API memberi Anda kemampuan untuk membuat transisi visual yang lancar di antara berbagai tampilan dan kini tersedia secara default untuk navigasi dari origin yang sama. Sebelumnya, fitur ini hanya tersedia untuk arsitektur aplikasi web satu halaman.

Untuk menerapkan transisi tampilan lintas dokumen, kedua ujung harus ikut serta. Untuk melakukannya, gunakan aturan at-view-transition dan tetapkan deskripsi navigasi ke otomatis.

Transisi tampilan lintas dokumen menggunakan elemen penyusun dan prinsip yang sama dengan transisi tampilan dokumen yang sama.

@view-transition {
  navigation: auto;
}

Kunjungi Transisi yang lancar dengan View Transition API untuk mengetahui detailnya, contoh lainnya.

CloseWatcher API diaktifkan kembali

Untuk elemen <dialog> dan popover="", CloseWatcher API memudahkan penanganan permintaan tutup, seperti tombol ESC di platform desktop atau gestur kembali di Android.

Fitur ini awalnya disertakan 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 demo-nya.

Ekstensi pemicu-rumble Gamepad API

Kemampuan getaran pemicu kini menjadi bagian dari Gamepad API. Fitur ini meningkatkan pengalaman bermain game di web untuk pengontrol yang kompatibel.

trigger-rumble memperluas GamepadHapticActuator, yang merupakan antarmuka yang mewakili hardware di pengontrol yang didesain untuk memberikan respons haptik kepada pengguna (jika tersedia). trigger-rumble memungkinkan aplikasi web yang menggunakan Gamepad API untuk juga menggetarkan pemicu perangkat gamepad tersebut.

Dengan kode berikut, Anda dapat memeriksa apakah fungsi tersebut 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 Memainkan game dino Chrome dengan gamepad Anda untuk mengetahui informasi selengkapnya tentang cara memaksimalkan Gamepad API.

Dan banyak lagi!

Tentu saja masih banyak lagi.

GeolocationCoordinates dan GeolocationPosition kini menyertakan metode .toJSON().
Di update DevTools, Anda dapat memeriksa bucket penyimpanan dalam hierarki khusus di bagian Application > Storage.
ChromeOS kini mendukung mode tab untuk aplikasi web.

Baca catatan rilis lengkap.

Bacaan lebih lanjut

Bagian ini hanya membahas beberapa sorotan utama. Periksa link berikut untuk perubahan tambahan di Chrome 126.

Untuk terus mendapatkan info terbaru, subscribe ke channel YouTube Chrome Developers, dan Anda akan mendapatkan notifikasi email setiap kali kami meluncurkan video baru.

Yo soy Adriana Jara, dan segera setelah Chrome 127 dirilis, saya akan segera memberi tahu Anda yang baru di Chrome.