モバイルブラウザーで角度2のアプリケーション（スリープ検出）

Question

携帯電話でブラウザをスリープ状態にしてから、それを長時間放置した後は起床後間違ったデータが表示されます。ページ。ウェイクアップイベントを検出する方法はありますか？その場合、ページ/コンポーネントをリロードするための最も優れた方法はありますか？

Answer 1

あなたは単に

location.reload() 

またはあなたがより多くの角度スタイルのアプローチをしたい場合は、携帯電話のブラウザ上の睡眠について

再び

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

をご ルートを呼び出して試すことができますJS関数を呼び出すことにより、アプリケーションを再ロードすることができますおそらくそれはあなたの目的を果たすことができるNoSleep.jsをチェックアウトすることができます。

Answer 2

これを実現する簡単な方法は、ブラウザがスリープ状態にあるかどうかを検出するタイマーを実行することです。時間間隔オペレータ、

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'); 
    } 
}); 

他の簡単な方法RxJSを使用して

は、感謝を使用し、

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);