如何在移动设备上保持网页的活力

我有一个非常基本的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)上，当你最小化浏览器时，它将被暂停，即不再记录位置。

是否有一种方法可以强制网页在移动设备上"保持活跃"?我知道应用程序也有类似的功能，你可以回到主屏幕，应用程序继续运行。

正如你所看到的，这不是一个"会话丢失"的问题，它只是页面上的所有脚本都停止了，而网页没有被查看。