Cache-manifest:在脱机时，是否将所有页面替换为一个"You are offline“页面？

Question

我正在试着找出是否可以使用cache-manifest。

我有一个大约5页的移动web应用程序。它们都需要连接才能以有意义的方式工作。

我想优雅地处理用户离线的可能性。

那么，有没有可能在用户离线时，使用cache-manifest将站点上的每个页面替换为另一个“仅离线”页面？

我希望这就是cache-manifest的回退部分所做的事情，但它似乎不是。

Answer 1

它确实可以工作，您的回退部分应该如下所示：

FALLBACK:
/ offline.html

如果你从根目录的页面中引用它，那么你输入的任何随机字符串都将导致加载offline.html，包括不存在的页面，无论服务器是否在线。

我猜你看到的问题是任何引用清单的页面都会被缓存。因此，如果您已经从五个页面中的每一个引用了清单文件，那么所有这些页面都将位于应用程序缓存中。

一种可能有效的方法(我还没有尝试过)：创建一个专门引用清单文件的新页面，并在用户第一次访问时将其重定向到该页面。你可以在页面上放一些内容，比如“初始化应用程序”。验证应用程序缓存是否已使用JavaScript加载，然后重定向回它们所在的页面。