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

Screen Wake Lock API 已正式在所有主要瀏覽器中,例如 Chrome、 Safari 和 Firefox。此 API 可讓您控制裝置的螢幕喚醒行為, 確保與網頁應用程式的互動不中斷。

瀏覽器支援

  • Chrome:84.
  • Edge:84。
  • Firefox:126。
  • Safari: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 將有助於 網站開發社群。我們不僅提供多種應用程式,更具備廣泛的支援 讓您打造更穩定、更優異的網路體驗,最終好處 不同瀏覽器的使用者為你帶來更流暢、不受干擾的網路體驗!