如何唤醒HTML5页面休眠状态？

本文共计1077个文字，预计阅读时间需要5分钟。

抱歉，您提供的内容似乎不完整，无法进行有效的改写。请提供完整的句子或段落，以便我能够帮助您进行改写。

常见错误现象：setInterval(() => console.log('tick'), 500) 在切走标签页后，几秒才打印一次，甚至完全卡住；倒计时、心跳上报、实时进度条全部失准。

• 别指望靠增加定时器精度来“绕过”休眠，浏览器有硬性节流策略
• 若业务强依赖精确时间（如音视频同步、游戏帧逻辑），必须用 performance.now() 做差值校准，而非依赖回调节奏
• 对非关键任务（如 UI 动画轮询），可监听 visibilitychange 事件，在 document.hidden === true 时暂停逻辑，避免资源浪费

Screen Wake Lock API 是唯一标准唤醒锁方案，但兼容性有限

Screen Wake Lock API 允许页面请求系统保持屏幕常亮，它不阻止 CPU 休眠，但能防止屏幕自动关闭导致的定时器冻结（尤其在移动设备上）。注意：它不能唤醒已休眠的 CPU，也不能恢复被冻结的 JS 执行上下文。

使用前必须满足两个前提：document.visibilityState === 'visible' 且页面处于安全上下文（HTTPS 或 localhost）。