将大量数据存储在localStorage中

时间:2017-04-22 19:28:12

标签: html html5 local-storage

我正在尝试在localStorage中存储一个数组,它正在处理3000条记录,但是当记录增加到5-10,000个代码中断时。

是否有任何东西可以在localStorage中存储大量数据。

2 个答案:

答案 0 :(得分:3)

LocalStorage的大小限制因浏览器而异。这是为了防止恶意脚本填满用户的硬盘。

您可以在此处测试浏览器的localStorage限制:https://arty.name/localstorage.html

简单的答案是,您不应该尝试在客户端上存储超过5MB-10MB的数据,具体取决于浏览器。需要存储大量本地数据表明您可能需要提出更好的解决方案。

本地存储数据的另一种可能性是IndexedDB,其reasonable compatibility across modern browsers。它是一个对象存储库,其行为与MongoDB等文档数据库非常相似。您可以存储对象而不将它们转换为字符串,您可以按照数据库的方式查询这些对象。

大多数浏览器似乎在IndexedDB存储上都有大约5MB的“软”限制。这是一个软限制,因为它不一定是强制执行的,所以如果浏览器允许,你可以存储更多。您的里程可能会有所不同。

答案 1 :(得分:2)

localstorage的最大大小为5MB,用于防止恶意脚本填充用户的硬盘驱动器。您可以使用与所有现代浏览器兼容的IndexedDB。最小或软限制为5MB-浏览器将要求存储数据的权限。最大存储量是硬盘驱动器磁盘的限制,因为所有数据都存储在本地磁盘上。基本上,如果您有20GB的可用存储空间,那么您可以使用IndexedDB的所有存储空间。