移动站点离线工作并在建立连接后同步更改答案

【问题标题】：mobile site to work offline and sync changes once connection established移动站点离线工作并在建立连接后同步更改
【发布时间】：2012-10-18 21:04:05
【问题描述】：

我目前正在开发一个需要在移动浏览器上运行的 mvc4 应用程序。

我对它的一个要求是，如果设备无法连接到互联网，该站点应该仍然“工作”，并且一旦重新建立互联网连接，任何更改都会同步到服务器。

该网站是一个电子商务网站，因此我将研究诸如将商品添加到购物车等功能。

我查看了 html5 本地存储来管理应用程序离线时的更改，但不确定该存储是否会存在于单个页面的多个页面中。任何人都可以确认吗？我计划使用缓存清单文件将页面存储在客户端设备上。

我想要一些关于如何使站点离线工作以及在建立连接后将更改同步到服务器的指示？

【问题讨论】：

【解决方案1】：

我会使用 javascript 事件来检测在线/离线状态（在 safari 文档中搜索） - 使用 jquery（不是 jquery mobile），我会使用“单页应用程序”模型（下面的链接），我会存储网站和用户data 本地存储中的数据，并使用计时器尝试推送/获取更改。

【讨论】：