L'API Screen Wake Lock è ufficialmente disponibile in tutti i principali browser, Chrome, Safari e Firefox. Questa API ti consente di controllare il comportamento di attivazione dello schermo di un dispositivo, assicurando interazioni ininterrotte con le applicazioni web.
Ora sono possibili i due casi d'uso riportati di seguito.
- Presentazioni senza interruzioni: l'API impedisce l'oscuramento dello schermo nei per presentazioni o presentazioni, in modo che chi presenta ora possa offrire un'esperienza esperienza professionale.
- Siti di ricette: l'API può mantenere attivo lo schermo, così gli utenti non devono preoccuparsi che lo schermo si spegne mentre ha le mani piene di impasto quando seguendo una ricetta.
Per tutti i dettagli sull'uso dell'API, consulta Resta attivo con l'API Screen Wake Lock. Il seguente snippet di codice mostra le interazioni più comuni.
// The wake lock sentinel.
let wakeLock = null;
// Function that attempts to request a screen wake lock.
const requestWakeLock = async () => {
try {
wakeLock = await navigator.wakeLock.request();
wakeLock.addEventListener('release', () => {
console.log('Screen Wake Lock released:', wakeLock.released);
});
console.log('Screen Wake Lock released:', wakeLock.released);
} catch (err) {
console.error(`${err.name}, ${err.message}`);
}
};
// Request a screen wake lock…
await requestWakeLock();
// …and release it again after 5s.
window.setTimeout(() => {
wakeLock.release();
wakeLock = null;
}, 5000);
L'adozione a livello mondiale dell'API Screen Wake Lock è un progresso positivo per il community di sviluppo web. Con le sue diverse applicazioni e il suo supporto diffuso, creare esperienze web più affidabili e curate e, in ultima analisi, utenti su browser diversi. Ti congratuliamo con un web più fluido e senza interruzioni!