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

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