javascript - 如何使网页在移动设备上保持事件状态？

Question

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

有没有办法强制网页在移动设备上“保持事件状态”？我知道应用程序有一个类似的功能，您可以在其中返回主屏幕并且应用程序继续运行。

如您所见，这不是“ session 丢失”的问题，而只是在网页未被查看时页面上的所有脚本都停止了。

Answer 1

您不能强制页面保持事件状态 - 这是您无法控制的，因为操作系统会暂停或删除浏览器以节省资源。