如何使我的WebApp脱机可用？

Question

如果您正在使用Google，您可能会注意到它们有“脱机”功能。即使离线，也可以使用。我很想知道他们使用什么策略来启用这个特性？

我有一个PHP/MySql发票应用程序，我希望允许用户使用我的系统，即使他们是离线，那么当互联网回来时，数据应该与在线版本同步。

我不想把我的代码安装在我客户的个人电脑上，所以我希望如果有人有一个想法，让我可以和他们在谷歌日历上做的一样，或者其他任何可能有帮助的想法。

Answer 1

有一个名为localStorage的Javascript变量。可以将命令队列存储到执行的命令中，还可以实现同步函数，如下所示：

function synchronize(queue) {
    while (!queue.isEmpty()) {
        queue.pop().execute();
    }
}

您可以使用其他任何东西，包括脱机存储，但请记住，离线存储仅由HTML5支持，因此，如果您希望支持较旧的浏览器，则还需要为这些浏览器设置一个备用逻辑。