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

Posted iwings

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了H5移动端,ios从后台返回到app,页面会白一下相关的知识,希望对你有一定的参考价值。


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) 

            
        );

 

以上是关于H5移动端,ios从后台返回到app,页面会白一下的主要内容,如果未能解决你的问题,请参考以下文章

h5移动端适配iOS遇到的问题

移动端H5页面点击穿透问题

h5跳转到移动端地图网页打开地图app

移动端触屏 也就H5页面 左右滑动 返回上一页?

h5 移动端 关于监测切换程序到后台或息屏事件和visibilitychange的使用

手机端app h5页面怎么禁用长按选中