如何使用 JavaScript 阻止屏幕进入睡眠状态

文章预览

大厂技术    高级前端    Node进阶 点击上方  程序员成长指北 ，关注公众号 回复 1 ，加入高级Node交流群 前言 在移动设备上，屏幕常亮是一个常见的需求，尤其是在使用 Web 应用时。为了满足这一需求，开发者可以使用 JavaScript 中的 Wake Lock API 来阻止屏幕进入睡眠状态。本文将详细介绍如何使用这一 API ，并讨论其在不同浏览器上的兼容性情况。 检查Wake Lock功能的支持情况 在使用 Wake Lock API 之前，我们需要确认当前浏览器是否支持这一功能。可以通过以下代码进行检查： const  isWakeLockSupported =  'wakeLock'   in  navigator; 如果 isWakeLockSupported 为 true ，则表示当前浏览器支持Wake Lock功能。 浏览器兼容性 Wake Lock API 的兼容性因浏览器和操作系统而异。截至目前，以下是主流浏览器对 Wake Lock API 的支持情况： Chrome : 从Chrome 85版本开始支持Wake Lock API。 ………………………………