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

Thomas Steiner

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

瀏覽器支援

資料來源

目前有兩種用途。

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