1. 程式人生 > >關於瀏覽器切換標簽或者移動端切換應用時,js不執行的解決方案

關於瀏覽器切換標簽或者移動端切換應用時,js不執行的解決方案

遊戲 兼容性 reload func 再次 移動 代碼 bili htm

問題:最近在做一個後臺控制的轉盤遊戲,如果手機切出當前app應用,那麽js將會中止執行,再次切入app時,將會出現不同步的狀態

解決方案:HTML5為document對象新增了visibilityState屬性,可以判定當前應用是否處於正在觀看狀態。

實現代碼:

document.addEventListener(‘webkitvisibilitychange‘,function(){//監聽頁面是否發生觀看狀態的改變
  console.log(‘進入變化函數1‘);
  if(document.visibilityState==‘visible‘){
  console.log(‘進入頁面刷新頁面‘);
  location.reload();
  }
})

提示:對於低版本瀏覽器要進行兼容性處理。

關於瀏覽器切換標簽或者移動端切換應用時,js不執行的解決方案