H5移动端，ios从后台返回到app，页面会白一下

最新推荐文章于 2021-06-07 13:32:05 发布

weixin_30799995

最新推荐文章于 2021-06-07 13:32:05 发布

阅读量128

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/IWings/p/11102088.html

本文介绍了一种使用visibilitychange事件来检测浏览器标签页是否从后台返回的方法，并通过添加和移除一个全屏的div元素来强制页面刷新，确保页面状态的更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

visibilitychange事件可以检查从后台返回事件，然后通过添加div，强制浏览器刷新页面

var divEle = document.createElement("DIV");
        divEle.style.position = "absolute";
        divEle.style.left = "0px";
        divEle.style.top = "0px";
        divEle.style.width = "100%";
        divEle.style.height = "100%";
        divEle.style.zIndex = "9999999";
        divEle.style.backgroundColor = "#000";
        
        document.addEventListener("visibilitychange", () => {
            try {
                if (document.hidden) {
                    document.body.appendChild(divEle);
                }
                else {
                    document.body.removeChild(divEle);
                }
            }
            catch (e) {

            }
        });