Tieni presente quanto segue:
- Le transizioni tra documenti sono ora supportate nell'API View Transitions.
- L'API CloseWatcher è di nuovo disponibile.
- L'API Gamepad ora include trigger-rumble.
- E c'è molto altro.
Sono Adriana Jara. Vediamo quali sono le novità per gli sviluppatori in Chrome 126.
Transizioni della visualizzazione tra documenti per le navigazioni dalla stessa origine
L'API View Transitions ti consente di creare transizioni visive senza interruzioni tra visualizzazioni diverse ed è ora disponibile per impostazione predefinita per le navigazioni dello stesso dominio. In precedenza era disponibile solo per le architetture delle applicazioni a pagina singola.
Per implementare una transizione di visualizzazione tra documenti, è necessario attivare entrambe le estremità. Per farlo, utilizza la regola at view-transition e imposta il descrittore di navigazione su auto.
Le transizioni di visualizzazione tra documenti utilizzano gli stessi componenti di base e principi delle transizioni di visualizzazione dello stesso documento.
@view-transition {
navigation: auto;
}
Per maggiori dettagli, consulta Eseguire transizioni fluide con l'API View Transition.
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 rilasciata in Chrome 120, ma è stata disattivata a causa di un'interazione imprevista con l'elemento di dialogo. È stata riattivata in Chrome 126 dopo i miglioramenti apportati per ridurre al minimo i problemi precedenti.
Per scoprire come utilizzare CloseWatcher, visita la sua demo.
Estensione trigger-rumble dell'API Gamepad
La funzionalità di vibrazione dei trigger ora fa parte dell'API Gamepad. Migliora le esperienze 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 i trigger di questi dispositivi.
Con il seguente codice puoi verificare se la funzionalità è supportata nel browser e come attivarla. 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,
});
};
Consulta l'articolo Gioca al gioco Dino di Chrome con il gamepad per ulteriori informazioni su come sfruttare al meglio l'API Gamepad.
E tanto altro.
Naturalmente c'è molto altro.
GeolocationCoordinateseGeolocationPositionora includono un metodo.toJSON().Negli aggiornamenti di DevTools, puoi ispezionare i bucket di archiviazione in una struttura ad albero dedicata nella sezione Applicazione > Spazio di archiviazione.
ChromeOS ora supporta la modalità a schede per le app web.
Leggi le note di rilascio complete.
Per approfondire
Sono riportati solo alcuni punti salienti. Consulta i seguenti link per altre modifiche in Chrome 126.
- Novità di Chrome DevTools (126)
- Aggiornamenti di ChromeStatus.com per Chrome 126
- Elenco delle modifiche al repository di origine di Chromium
- Calendario delle release di Chrome
Iscriviti
Per rimanere al passo con le novità, iscriviti al canale YouTube di Chrome for Developers, e riceverai una notifica via email ogni volta che lanceremo un nuovo video.
Ciao Adriana Jara, non appena verrà rilasciato Chrome 127 ti fornirò tutte le informazioni sulle novità di Chrome.