html - (HTML5)浏览器中的离线模式应用程序可能吗？

Question

是否可以在浏览器中内部构建应用程序？申请意味着:

1 在浏览器和远程应用服务器之间存在连接(在线模式)的地方:

• 应用程序以典型的基于网络的模式运行
• 应用程序将必要的数据存储在离线存储中，以便在离线模式下使用 (2)
• 当应用程序从离线模式恢复到在线模式时，应用程序将数据(在离线模式下捕获)同步/推送回服务器

2 在浏览器和远程应用服务器之间没有连接(离线模式)的地方:

• 应用程序仍会运行(javascript？)
• 应用程序将数据(离线存储)呈现给用户
• 应用程序可以接受用户的输入(并存储/附加到离线存储中)

这可能吗？如果答案是肯定的，是否正在构建任何(Ruby/Python/PHP)框架？

谢谢

Answer 1

是的，这是可能的。

• 您需要用 Javascript 编写应用程序，并以某种方式检测浏览器是否处于离线模式(最简单的是偶尔轮询一次服务器)。 (编辑:查看评论以获得检测离线模式的更好方法)

• 确保您的应用程序仅包含静态 HTML、Js 和 CSS 文件(或在脚本中手动设置缓存策略，以便您的浏览器在离线模式下记住它们)。页面的更新是通过 JS DOM 操作完成的，而不是通过服务器(ExtJS 等框架 http://www.extjs.com 将在此处帮助您)

• 对于存储，使用诸如 PersistJS ( http://github.com/jeremydurham/persist-js ) 之类的模块，它使用浏览器的本地存储来跟踪数据。连接恢复后，与服务器同步。

• 您需要预先缓存图像和其他使用过的 Assets ，否则如果您之前没有使用它们，它们将无法在离线模式下使用。

• 同样:您的大部分应用程序需要使用 javascript，如果服务器无法访问，PHP/Ruby/Python 框架对您的帮助很小。服务器可能保持尽可能简单，一个类似于 REST 的 AJAX API 来存储和加载数据。