移動瀏覽器上的Angular 2應用程序（睡眠檢測）

Question

移動電話使瀏覽器進入睡眠狀態並保持此狀態持續較長時間後，喚醒後顯示錯誤數據，否則會完全更新所有數據頁。有沒有一種方法來檢測喚醒事件，以及在這種情況下什麼是最好的重載頁面/組件的方式？

Answer 1

您可以通過簡單地調用JS功能

location.reload() 

刷新您的應用程序，或者如果你想要一個更角式的方法，你可以嘗試重新呼叫您的 路線

this.router.navigate(["myRoute"]); 

關於對移動瀏覽器的睡眠你可以檢查出NoSleep.js也許它可以爲你的目的。

Answer 2

一個簡單的方法來實現這個可以運行一個計時器來檢測瀏覽器是否睡着。

使用RxJS一個時間間隔操作，使用

http://reactivex.io/documentation/operators/timeinterval.html

Rx.Observable.timer(0, 1000).timeInterval().subscribe(timer => { 
    if (timer.interval > (1000 + SLEEP_THRESHOLD)) { 
     console.log ('wake-up from sleep detected'); 
    } 
}); 

其他簡單的方法可能是，

var now = new Date().getTime(); 
setInterval (function() { 
    if ((new Date().getTime() - now) > SLEEP_THRESHOLD) { 
     console.log ('wake-up from sleep detected'); 
    } 
    now = new Date().getTime(); 
}, 1000);