WakeLock API 可以让浏览器要求操作系统(Android 或 iOS)保持屏幕常亮。
示例:
let locker = await window.navigator.wakeLock.request('screen'); // 锁定
locker.release(); // 释放
根据MDN,这个 API 只能在 HTTPS 下使用,但经过我的实践发现,似乎条件不止于此。
在 Vue 的onActivated
中直接使用这个 API 时无效。我猜测这个功能和自动播放等类似,需要用户进行任意操作后才能生效。
所以我尝试将这个功能放在一个按钮被点击后启动,屏幕常亮生效了。