L'API Screen Wake Lock è ora supportata in tutti i browser

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.

Supporto dei browser

  • Chrome: 84.
  • Edge: 84.
  • Firefox: 126.
  • Safari: 16.4.

Origine

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.
di Gemini Advanced.

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!