解决客户端(套的谷歌内核)黑屏问题

版权声明:【原创】GitHub:https://github.com/susuGirl,微信公众号:fuxiaodexing,博客:https://blog.csdn.net/weixin_41845146 https://blog.csdn.net/weixin_41845146/article/details/84792870

客户端窗口打开放大缩小有概率出现黑屏的问题,即页面一块一块的黑屏卡顿

window.resizeTo(width,height)

  • http://www.runoob.com/jsref/met-win-resizeto.html

  • 所有主要浏览器都支持 resizeTo() 方法,从 Firefox 7 开始,不能改变浏览器窗口的大小了,要依据下面的规则

    • 不能设置那些不是通过 window.open 创建的窗口或 Tab 的大小
    • 当一个窗口里面含有一个以上的 Tab 时,无法设置窗口的大小
window.onresize = () => {  // 客户端版本太低有兼容问题
    window.resizeTo(1201, 801)
    window.resizeTo(1200, 800)
}

最终解决方案:

document.addEventListener('webkitvisibilitychange', function () {
    if (document.webkitVisibilityState === 'visible') {
        //  需要改变一下浏览器大小再还原,解决黑屏问题
        //  document.webkitIsFullScreen()
        let w = open('', '', 'width=50,height=50')
        w.close()
    }
})

解决原理:再另外打开一个小窗口,然后立即关闭。强制刷新页面

猜你喜欢

转载自blog.csdn.net/weixin_41845146/article/details/84792870