客戶端視窗開啟放大縮小有概率出現黑屏的問題，即頁面一塊一塊的黑屏卡頓

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()
    }
})

解決原理：再另外開啟一個小視窗，然後立即關閉。強制重新整理頁面