Screen Wake Lock API

Screen Wake Lock API 让网页保持显示器唤醒。下方可实时体验,再了解其原理。

已就绪。选择时长后点击开始。

Screen Wake Lock API 是一项 Web 标准,让页面请求一个 'screen' 类型的 Wake Lock,使显示器在页面活动时不变暗、不锁定。

它是所有防休眠页面背后的技术。点击下方开始会调用 navigator.wakeLock.request('screen'),并持有锁直到你停止或标签页被隐藏。

API 工作原理

  1. 1

    请求锁

    页面在用户手势后调用 navigator.wakeLock.request('screen')。

  2. 2

    可见时持有

    只要文档可见,锁就保持活动。

  3. 3

    返回时重新获取

    可在 visibilitychange 时再次请求锁。

常见问题

如何调用 Screen Wake Lock API?

在用户手势中使用 await navigator.wakeLock.request('screen'),并保留返回的 WakeLockSentinel 引用。

为什么 Wake Lock 会被释放?

标签页隐藏、设备锁定或开启省电模式时浏览器会释放它。可监听 visibilitychange 并重新请求。

该 API 到处都支持吗?

在 Chromium 浏览器和较新的 Safari 中广泛支持;务必检测支持并提供回退方案。