"Screen Wake Lock API：屏幕常亮与前后台策略"

概述Screen Wake Lock 允许页面请求保持屏幕常亮，适用于导航/阅读/演示等场景。需谨慎管理生命周期与功耗。示例let wakeLock async function requestLock() { try { wakeLock = await navigator.wakeLock.request('screen') } catch (e) { console.error(e) } } document.addEventListener('visibilitychange', async () => { if (document.visibilityState === 'visible' && !wakeLock) await requestLock() }) // 用户主动释放 async function releaseLock() { await wakeLock?.release(); wakeLock = null } 工程建议仅在必要时申请，并在页面隐藏/任务完成时释放；提示用户功耗影响。错误处理：处理权限与设备不支持；提供回退与提示。监控：记录锁持有时长与失败原因；避免长时间占用导致负面体验。参考与验证W3C Wake Lock 规范：https://www.w3.org/TR/wake-lock/MDN Wake Lock 文档：https://developer.mozilla.org/docs/Web/API/Wake_Lock_APIweb.dev 指南：https://web.dev/articles/wake-lock