Screen Wake Lock API 让网页保持显示器唤醒。下方可实时体验,再了解其原理。
已就绪。选择时长后点击开始。
Screen Wake Lock API 是一项 Web 标准,让页面请求一个 'screen' 类型的 Wake Lock,使显示器在页面活动时不变暗、不锁定。
它是所有防休眠页面背后的技术。点击下方开始会调用 navigator.wakeLock.request('screen'),并持有锁直到你停止或标签页被隐藏。
页面在用户手势后调用 navigator.wakeLock.request('screen')。
只要文档可见,锁就保持活动。
可在 visibilitychange 时再次请求锁。
在用户手势中使用 await navigator.wakeLock.request('screen'),并保留返回的 WakeLockSentinel 引用。
标签页隐藏、设备锁定或开启省电模式时浏览器会释放它。可监听 visibilitychange 并重新请求。
在 Chromium 浏览器和较新的 Safari 中广泛支持;务必检测支持并提供回退方案。