使用Angular JS、Twitter Bootstrap的离线Web应用

Question

我是一个混合移动编程的初学者。

我们的要求是构建一个可以在笔记本电脑/台式机上工作的离线网络应用程序，并最终使用PhoneGap框架使应用程序在平板电脑/智能手机上运行。

我们决定使用AngularJS，Twitter Bootstrap作为UI框架，Rest API使用.Net作为web服务器。

我们最关心的是web App在离线模式下要存储的数据的大小。SQL存储有5 MB的限制，并且HTML5 Web HTML5数据库已弃用。我们将在平板电脑/智能手机中使用PhoneGap SQLLite数据库进行离线存储。

我的问题如下：

1)如何评估需要存储在HTML5网络存储中的数据库行(数据)的大小？

2)假设数据大小超过5MB，在web应用程序的离线模式下存储数据的替代选项是什么？

Answer 1

您应该查看IndexDB，这允许您请求所需的空间。有一个可以在WebSQL上运行的填补程序，以防你在safari上运行。

http://www.w3.org/TR/IndexedDB/

我可以使用信息http://caniuse.com/#feat=indexeddb吗？

在phone gap下，我不确定存储限制是否相同，但我不使用这个，所以无法确认。但我怀疑这会限制一台设备在应用程序上的位置。

如果PhoneGap的WebSQL接口被映射到SQLLite引擎，并且不依赖于OS浏览器实现，那么使用IndexDB可以很好地与填充程序一起工作，因此不需要为设备编写特殊代码。(我强烈建议尽早测试！)

Answer 2

我认为我需要编写一个程序来从数据库中获取数据，将其存储在本地存储中，然后使用存储来评估存储的大小

 alert(1024 * 1024 * 5 - unescape(encodeURIComponent(JSON.stringify(localStorage))).length);