Questa pagina è stata tradotta dall'API Cloud Translation.

Novità di Chrome 126

Adriana Jara

Tieni presente quanto segue:

Le transizioni tra documenti sono ora supportate nell'API View Transiziones.
L'API CloseWatcher è di nuovo disponibile.
L'API Gamepad ora include trigger-rumble.
E ce ne sono molte altre.

Sono Adriana Jara. Analizziamo le novità di Chrome 126 per gli sviluppatori.

Transizioni della visualizzazione più documenti per le navigazioni dalla stessa origine

L'API View Transiziones consente di creare transizioni visive senza interruzioni tra visualizzazioni diverse e ora è disponibile per impostazione predefinita per le navigazioni dalla stessa origine. In precedenza era disponibile solo per le architetture delle applicazioni a pagina singola.

Per implementare una transizione per la visualizzazione tra documenti, è necessario attivare entrambe le estremità. Per farlo, utilizza la regola at-transizione della visualizzazione e imposta il descrittore di navigazione su automatico.

Le transizioni della visualizzazione tra documenti utilizzano gli stessi componenti di base e gli stessi principi delle transizioni tra le visualizzazioni degli stessi documenti.

@view-transition {
  navigation: auto;
}

Per i dettagli, consulta Transizioni fluide con l'API View Transizione; altri esempi.

API CloseWatcher riattivata

Per gli elementi <dialog> e popover="", l'API CloseWatcher semplifica la gestione delle richieste di chiusura, come il tasto ESC sulle piattaforme desktop o il gesto Indietro su Android.

Questa funzionalità è stata originariamente fornita in Chrome 120, ma è stata disattivata a causa di un'interazione imprevista con l'elemento della finestra di dialogo. È stata riattivata in Chrome 126 dopo miglioramenti per ridurre al minimo i problemi precedenti.

Per informazioni su come utilizzare CloseWatcher, guarda la relativa demo.

Estensione trigger-rumble dell'API Gamepad

La funzionalità di rumore di trigger ora fa parte dell'API Gamepad. Migliora l'esperienza di gioco sul web per i controller compatibili.

trigger-rumble estende GamepadHapticActuator, ovvero un'interfaccia che rappresenta l'hardware del controller progettato per fornire feedback aptico all'utente (se disponibile). trigger-rumble consente alle applicazioni web che utilizzano l'API Gamepad di far vibrare anche gli attivatori di questi dispositivi gamepad.

Con il seguente codice puoi verificare se la funzionalità è supportata nel browser e come attivarla, per cui intendiamo un gioco di parole.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,
  });
};

Dai un'occhiata a Giocare al gioco dino di Chrome con il tuo gamepad per ulteriori informazioni su come ottenere il massimo dall'API Gamepad.

E altro ancora

Ovviamente c'è molto altro.

GeolocationCoordinates e GeolocationPosition ora includono un metodo .toJSON().
Negli aggiornamenti di DevTools, puoi esaminare i bucket di archiviazione in una struttura ad albero dedicata nella sezione Applicazione > Storage.
ChromeOS ora supporta la modalità a schede per le app web.

Leggi le note di rilascio complete.

Per approfondire

Vengono trattati solo alcuni punti salienti. Controlla i seguenti link per ulteriori modifiche in Chrome 126.

Per non perderti nessun aggiornamento, iscriviti al canale YouTube degli sviluppatori di Chrome e riceverai una notifica via email ogni volta che verrà lanciato un nuovo video.

Adriana Jara e non appena uscirà Chrome 127, sarò qui per farti conoscere le novità di Chrome.