网页上如何检测处于离线状态？

Question

做一个支持离线的web app, 如何检测处于离线状态？
想到可以定时发起ajax请求，根据返回状态检测。
有没有更简单的其他方法？

Answer 1

HTML5 提供的方案

if (navigator.onLine) {
  console.log('ONLINE!');
} else {
  console.log('Connection flaky');
}

window.addEventListener('online', function(e) {
  // Re-sync data with server.
}, false);

window.addEventListener('offline', function(e) {
  // Queue up events for server.
}, false);

Answer 2

如果我没记错的话DZ如果半小时没动作就判断成离线

当然可以用Ajax定时发心跳