屏幕常亮 WakeLock API 需要用户前置任意操作

167 阅读1分钟

WakeLock API 可以让浏览器要求操作系统(Android 或 iOS)保持屏幕常亮。

示例:

let locker = await window.navigator.wakeLock.request('screen'); // 锁定

locker.release(); // 释放

根据MDN,这个 API 只能在 HTTPS 下使用,但经过我的实践发现,似乎条件不止于此。

在 Vue 的onActivated中直接使用这个 API 时无效。我猜测这个功能和自动播放等类似,需要用户进行任意操作后才能生效。

所以我尝试将这个功能放在一个按钮被点击后启动,屏幕常亮生效了。