如何使用 javascript 在用户的本地存储中保存超过 4kb 的数据？答案

【问题标题】：How to save more than 4kb of data on user's local storage using javascript?如何使用 javascript 在用户的本地存储中保存超过 4kb 的数据？
【发布时间】：2015-01-25 11:57:15
【问题描述】：

我需要找到在用户的 cookie 或任何本地存储上保存超过 4kb 数据的方法。问题是我需要一种跨浏览器的方式，它至少应该在 IE8 上工作？你有什么想法？

【问题讨论】：

每个 localStorage 实例（由源站表示）最多有 5 兆字节。存储 4Kb 的空间绰绰有余。
IE 8 能够将用户数据保存在本地存储中。这意味着您可以通过跨浏览器方式节省 5mb。如果您想节省超过 5mb 的空间，则需要另一个存储空间，或者您可以尝试缩小数据
您是否首先对 LocalStorage 进行过研究？如果是这样，您遇到了哪些关于它的具体问题，您可能需要帮助。不清楚您的问题是什么，因为您似乎已经知道 cookie 的大小有限，而 LocalStorage 可以满足您的需求。

标签： cookies local-storage session-cookies javascript

【解决方案1】：

使用本地存储。

它允许您最多存储 5 MB。

例子：

localStorage.setItem('bar', 'myValue');
var value = localStorage.getItem('bar');

value 现在是“myValue”。

详情：http://diveintohtml5.info/storage.html

【讨论】：

【解决方案2】：

IE8+ 和其他领先的浏览器、Chrome、Mozilla、Opera 和 Safari 支持开箱即用的本地存储。

如果您想存储除字符串以外的任何其他数据类型，请尝试此操作。

localStorage.setItem('bar', JSON.stringify('myValue'));

var value = localStorage.getItem(JSON.parse('bar'));

JSON.stringify 将任何数据类型转换为 JSON 对象，JSON.parse 解析存储的数据。

【讨论】：