版权声明:【原创】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)
-
所有主要浏览器都支持 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()
}
})
解决原理:再另外打开一个小窗口,然后立即关闭。强制刷新页面