javascript - 使用 PWA(渐进式网络应用)保持手机屏幕开启

Question

我构建了一个健身“渐进式”网络应用程序，您可以将其添加到手机主屏幕。它会指导用户完成 7 分钟的锻炼。

有什么方法可以让屏幕保持“唤醒”状态，这样用户就不必不断回到手机前打开它吗？屏幕休眠的另一个缺点是 javascript 计时器停止，破坏了锻炼时间。

Answer 1

https://www.w3.org/TR/wake-lock/

https://developer.mozilla.org/en-US/docs/Archive/B2G_OS/API/Wake_Lock_API

基本上，是的，有一个网站强制屏幕保持清醒状态，但目前是非标准的。它可能会成为标准，但现在它似乎只适用于 FirefoxOS。然而，这是在 javascript 中实现唤醒锁定的预期方式。

另一种解决方案虽然更像是一种 hack，但它是按照在后台播放隐藏视频的方式做一些事情，因为据我所知，如果正在播放视频，大多数浏览器都会保持唤醒状态。