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