自动保存模式

Question

我正在使用本地存储在一个网页上做gmail风格的自动保存。

所以我基本上每30秒保存到本地，好的。

问题在于恢复。我无法检测用户是否已崩溃或错误退出。

因此，假设用户崩溃并再次加载表单，我不能继续保存并覆盖以前的自动保存。我需要恢复之前的保存。

但是假设用户没有崩溃。他做的每件事都是正确的，但随后使用了不同的浏览器来编辑相同的文件，因此没有新的数据到前一个浏览器的本地存储中。

然后，他在前一个浏览器中加载该文件。在这种情况下，不应恢复本地存储。

假设没有办法比较时间戳，我该如何解决这个问题？

谢谢。

Answer 1

假设你使用的是像Gmail这样的AJAX风格的页面。

在页面级保留一个布尔标志，但在本地存储和任何特定刷新区域之外。

var bIsInited = false;

无论是用户单击刷新还是第一次加载页面(即在浏览器重新启动后)，只要重新加载整个页面，该标志都将为false。

如果在UI交互时该标志为false，则从本地存储恢复UI的状态，并将该标志设置为true。

继续将新的更改持久化到localstorage (除非，像以前一样，通过某种方式将标志设置为false，在这种情况下，在将UI写回localstorage之前，将localstorage读入UI是相同的信号)。

这个流程有很多变化，但这就是它的要点。