具有离线功能的 HTML5 网站

Question

我们正在构建一个内置电子书阅读器的 HTML5 网站。该网站的主要功能之一是用户应该能够在未连接到互联网时访问下载的书籍。所有平板电脑、Chrombook 和台式机都应该提供此功能。

我的问题是：

1. 有没有一种方法让用户能够阅读书籍，即使 互联网没了？我意识到有对本地的支持 存储，但是如果用户在他/她的时候关闭标签会发生什么 离线？
2. 是否有任何本地存储限制？我们将依靠 用户能够存储书籍，其中许多（可能超过 3-400 MB）？我们可以在不清除的情况下强制存储这些数据吗？作为 在，将其存储在临时文件夹以外的其他位置？

主要问题是，我如何在启动浏览器后立即从离线机器冷加载网站，假设我在本地存储中拥有上次会话的所有本地数据。

Answer 1

您可以使用 HTML5 功能创建网站的离线版本，作为应用程序缓存 (appcache)。在这里你有一个很好的starting point。

那么，本地存储对于您的目的来说是非常有限的，需要注意的是，这取决于每个浏览器，here 您可以找到有关每个浏览器配额的一些信息。

如果您专注于 webkit 浏览器，例如 Safari 或 Chrome，您可以使用 FileSystem API，它允许在设备上存储文件。在this article 中，您对主题有更好的了解。