具有“离线”模式的Web应用程序？

Question

我正在设计一个必须工作的应用程序，无论是否存在Internet连接。大多数时候（90％）会有互联网连接，在这种情况下它会表现得像平常一样。但是有些时候用户不会上网，在这种情况下我想将所有会话中的数据存储到文件系统，每当互联网连接再次可用时，允许用户从那里同步保存的数据使用后端服务器的磁盘。

我的想法是让一个单页面的网络应用程序编译成一个JS文件，并在“在线模式”从Web服务器提供服务。但是在“离线模式”下，用户必须将JS文件本地保存到他们的机器上，然后在浏览器中打开它。该应用程序可以自动检测它所处的模式，并在在线模式下将数据保存到服务器（通过AJAX），或者在离线模式下将数据保存到HTML5本地存储。

这是可行的，还是我的总体方法不正确？

我能看到的唯一警告是：

• 仅限于具有HTML5本地存储功能的浏览器，但我没关系
• 仅限于计算机上可用的HTML 5本地存储空间的大小

还有其他想法吗？