解決客戶端(套的谷歌核心)黑屏問題
阿新 • • 發佈:2018-12-14
客戶端視窗開啟放大縮小有概率出現黑屏的問題,即頁面一塊一塊的黑屏卡頓
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()
}
})
解決原理:再另外開啟一個小視窗,然後立即關閉。強制重新整理頁面