JavaScript 中 requestAnimationFrame 在后台标签页不触发的问题排查与替代方案

超哥前端记录

发布于 2026-09-26 09:25:43

800

概述

做数据大屏或者定时轮询渲染的时候，很容易遇到一个现象：页面切到后台再切回来，某些依赖于 requestAnimationFrame 的动画或状态更新会「卡住」几秒，甚至像是什么都没发生。浏览器为了省电和降低 CPU，在标签页不可见时会暂停 requestAnimationFrame 的回调，把它降频甚至完全冻结。但业务里可能用它来驱动非纯视觉任务，比如轮询状态、计算布局、播放帧序列，这时候就出问题

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

浏览器