現在所有瀏覽器都支援 Screen Wake Lock API

Thomas Steiner

Screen Wake Lock API 已正式納入所有主要瀏覽器，包括 Chrome、Safari 和 Firefox。這個 API 可讓您控管裝置的螢幕喚醒行為，確保與網頁應用程式的互動不中斷。

瀏覽器支援

84
84
126
16.4

來源

目前有兩種用途。

流暢的簡報：這個 API 可防止網頁式簡報或投影播放應用程式中的螢幕變暗，因此簡報者現在可以提供精緻且專業的體驗。
食譜網站：這個 API 可保持螢幕開啟狀態，因此使用者在跟自己烹飪食譜時，不必擔心螢幕會關閉，使用者也不必擔心螢幕會關閉。

如果想瞭解此 API 的完整使用方法，請參閱「使用 Screen Wake Lock API 保持喚醒」。以下程式碼片段顯示最常見的互動。

// 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);

因此全面採用 Screen Wake Lock API 有助於網路開發社群的向前邁進。憑藉其多樣化的應用程式和廣泛的支援，您可以打造更可靠、更優質的網路體驗，讓使用者無論使用不同瀏覽器，都能獲益。享受更流暢、不受廣告幹擾的上網體驗！