Cette page a été traduite par l'API Cloud Translation.

Nouveautés de Chrome 126

Adriana Jara

Voici les informations à retenir :

Les transitions entre les documents sont désormais compatibles avec l'API View Transitions.
L'API CloseWatcher est à nouveau disponible.
L'API Gamepad inclut désormais trigger-rumble.
Et ce n'est pas tout : d'autres fonctionnalités sont disponibles.

Je m'appelle Adriana Jara. Voyons ce que Chrome 126 propose aux développeurs.

Transitions de vue entre les documents pour les navigations de même origine

L'API View Transitions vous permet de créer des transitions visuelles fluides entre différentes vues. Elle est désormais disponible par défaut pour les navigations de même origine. Auparavant, cette fonctionnalité n'était disponible que pour les architectures d'applications monopages.

Pour implémenter une transition de vue entre documents, les deux parties doivent l'activer. Pour ce faire, utilisez la règle at-rule view-transition et définissez le descripteur de navigation sur "auto".

Les transitions de vue entre les documents utilisent les mêmes composants et principes que les transitions de vue dans le même document.

@view-transition {
  navigation: auto;
}

Pour en savoir plus, consultez Transitions fluides avec l'API View Transition.

Réactivation de l'API CloseWatcher

Pour les éléments <dialog> et popover="", l'API CloseWatcher facilite la gestion des demandes de fermeture, comme la touche Échap sur les plates-formes de bureau ou le geste Retour sur Android.

Initialement disponible dans Chrome 120, cette fonctionnalité a été désactivée en raison d'une interaction inattendue avec l'élément de boîte de dialogue. Il a été réactivé dans Chrome 126 après des améliorations visant à minimiser les problèmes précédents.

Pour apprendre à utiliser CloseWatcher, consultez sa démonstration.

Extension trigger-rumble de l'API Gamepad

La fonctionnalité de retour haptique des déclencheurs fait désormais partie de l'API Gamepad. Il améliore les expériences de jeu sur le Web pour les manettes compatibles.

trigger-rumble étend GamepadHapticActuator, une interface qui représente le matériel du contrôleur conçu pour fournir un retour haptique à l'utilisateur (le cas échéant). trigger-rumble permet aux applications Web qui utilisent l'API Gamepad de faire vibrer les déclencheurs de ces appareils.

Le code suivant vous permet de vérifier si la fonctionnalité est prise en charge dans le navigateur et comment la déclencher (jeu de mots intentionnel) :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,
  });
};

Pour en savoir plus sur l'utilisation optimale de l'API Gamepad, consultez Jouer au jeu du dinosaure Chrome avec votre manette de jeu.

Et bien plus !

Bien sûr, il y en a bien d'autres.

GeolocationCoordinates et GeolocationPosition incluent désormais une méthode .toJSON().
Dans les mises à jour de DevTools, vous pouvez inspecter les buckets de stockage dans une arborescence dédiée dans la section Application > Stockage.
ChromeOS est désormais compatible avec le mode à onglets pour les applications Web.

Consultez les notes de version complètes.

Documentation complémentaire

Il ne s'agit que de quelques points clés. Consultez les liens suivants pour découvrir d'autres modifications apportées à Chrome 126.

Pour vous tenir informé, abonnez-vous à la chaîne YouTube des développeurs Chrome. Vous recevrez alors une notification par e-mail chaque fois que nous lancerons une nouvelle vidéo.

Je m'appelle Adriana Jara. Dès que Chrome 127 sera disponible, je serai là pour vous présenter les nouveautés de Chrome.