javascript - HTML5/JS - 检查应用程序是否离线

Question

我正在测试 HTML5 离线应用程序。为此，我将停止我的本地 Web 服务器 (IIS) 并打开应用程序。它加载正常，但是一旦请求服务器端 API 方法就失败了。

我想阻止这种情况，而不是 $.get('/api/method') 从我的本地存储中读取数据。但是我可以找到任何工具来了解我的应用程序处于离线状态。

if (/* online */) {
  // fire ajax
} else {
  // ask localstorage
}

我尝试使用 navigation.onLine 但它似乎总是正确的(至少我可以在 Chrome 中看到)。

你有什么建议吗？

编辑:考虑当前答案。应用程序清楚地知道它处于离线状态，因为它根据 cache.manifest 获取资源。这对我来说很荒谬，客户需要做任何类型的技巧和 ping。我认为应该有一种简单的方法来检查当前模式。

Answer 1

一种简单的检查方法是在 list 中添加后备部分，如下所示:

FALLBACK
/online.js /offline.js

然后在 online.js 中将全局变量设置为 true，在 offline.js 中将其设置为 false 并且只请求 online.js 由 Ajax 编写，每当您计划进行一些网络连接并在回调中有条件地执行您需要的任何处理时。同时，维护您所有的应用程序数据客户端。

另一种方法是 a blocking polyfill for navigator.onLine as suggested by Remy Sharp .