您不希望将大对象字符串化到单个localStorage条目中。这将是非常低效的——每次有细微的细节变化时，整个东西都必须被解析和重新编码。此外，JSON不能在对象结构中处理多个交叉引用，并且删除了许多细节，例如构造函数、数组的非数值属性、稀疏条目中的内容等。

相反，您可以使用Rhaboo。它使用大量的localStorage条目来存储大型对象，因此您可以快速地进行小的更改。恢复的对象是保存的对象的更准确的副本，API非常简单。例如:

var store = Rhaboo.persistent('Some name');
store.write('count', store.count ? store.count+1 : 1);
store.write('somethingfancy', {
  one: ['man', 'went'],
  2: 'mow',
  went: [  2, { mow: ['a', 'meadow' ] }, {}  ]
});
store.somethingfancy.went[1].mow.write(1, 'lawn');

顺便说一句，这是我写的。

您不希望将大对象字符串化到单个localStorage条目中。这将是非常低效的——每次有细微的细节变化时，整个东西都必须被解析和重新编码。此外，JSON不能在对象结构中处理多个交叉引用，并且删除了许多细节，例如构造函数、数组的非数值属性、稀疏条目中的内容等。

相反，您可以使用Rhaboo。它使用大量的localStorage条目来存储大型对象，因此您可以快速地进行小的更改。恢复的对象是保存的对象的更准确的副本，API非常简单。例如:

var store = Rhaboo.persistent('Some name');
store.write('count', store.count ? store.count+1 : 1);
store.write('somethingfancy', {
  one: ['man', 'went'],
  2: 'mow',
  went: [  2, { mow: ['a', 'meadow' ] }, {}  ]
});
store.somethingfancy.went[1].mow.write(1, 'lawn');

顺便说一句，这是我写的。

实际上Opera没有5MB的限制。它提供了增加限制的应用程序需要更多。用户甚至可以为一个域选择“无限存储”。

您可以自己轻松地测试localStorage限制/配额。

这里有一个简单的脚本来找出限制:

if (localStorage && !localStorage.getItem('size')) {
    var i = 0;
    try {
        // Test up to 10 MB
        for (i = 250; i <= 10000; i += 250) {
            localStorage.setItem('test', new Array((i * 1024) + 1).join('a'));
        }
    } catch (e) {
        localStorage.removeItem('test');
        localStorage.setItem('size', i - 250);            
    }
}

这里是要点，JSFiddle和博客帖子。

该脚本将测试设置越来越大的文本字符串，直到浏览器抛出一个异常。这时，它将清除测试数据，并在localStorage中设置一个大小键，以千字节为单位存储大小。

不要认为5MB是可用的——local存储容量因浏览器而异，2.5MB、5MB和无限是最常见的值。 来源:http://dev-test.nemikor.com/web-storage/support-test/

我编写了这段简单的代码，以字节为单位测试localStorage的大小。

https://github.com/gkucmierz/Test-of-localStorage-limits-quota

const check = bytes => {
  try {
    localStorage.clear();
    localStorage.setItem('a', '0'.repeat(bytes));
    localStorage.clear();
    return true;
  } catch(e) {
    localStorage.clear();
    return false;
  }
};

Github页面:

https://gkucmierz.github.io/Test-of-localStorage-limits-quota/

我在桌面谷歌chrome, opera, firefox, brave和移动chrome上有相同的结果，这是~10Mbytes

和一半小的结果safari约4mb