オフラインで使用するための非常に基本的なHTML5ページ設定があり、オフラインのときとオンラインのときを教えてくれます。
実行中のデバイスの位置を記録するために、位置追跡を追加しました。
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(success, error);
} else {
alert('geolocation not supported');
}
setTimeout(function() { getLocation(); },5000); // calls itself every 5 seconds
}
これはうまくいくようですが、小さな問題があります。
デスクトップブラウザでは、ページを最小化することができ、場所は記録され続けます。
モバイルデバイス(iOSなど)では、ブラウザーを最小化すると、ブラウザーが一時停止されます。つまり、場所が記録されなくなります。
モバイルデバイスでWebページを強制的に「存続」させる方法はありますか?ホーム画面に戻ってアプリを実行し続けることができるアプリにも同様の機能があることを私は知っています。
ご覧のとおり、これは「セッションが失われる」問題ではなく、Webページが表示されていないときにページ上のすべてのスクリプトが停止するだけです。