Screen Wake Lock 屏幕常亮与权限治理：交互场景与能耗控制实践

背景与价值屏幕休眠会中断视频/演示/计时等体验；在用户明确场景下保持常亮提升连续性。基本用法let lock: any; async function requestWakeLock() { try { lock = await (navigator as any).wakeLock.request('screen'); lock.addEventListener('release', () => console.log('wake lock released')); document.addEventListener('visibilitychange', () => { if (document.visibilityState === 'visible' && !lock.released) requestWakeLock(); }); return { ok: true }; } catch (e) { return { ok: false, error: String(e) }; } } function releaseWakeLock() { try { lock?.release(); } catch {} } 权限与时机仅在用户手势触发（播放/开始按钮）后请求；提供显式关闭入口。在失去可见性时自动释放；返回前台再申请。指标验证（Chrome 128/Android）成功率：在手势触发与清晰文案下 ≥ 97%。能耗影响：连续 30min 常亮增加电量消耗 ≤ 6%（抽样设备）。误保持率：用户离开或不可见时保持为 0（自动释放）。回退策略不支持环境：提示使用系统设置或保持交互以防自动休眠。测试清单视频/演示/计时场景下常亮稳定；切后台自动释放，返回可重新申请。