javascript - 我如何应对网络存储的大小限制？

Question

Web 存储(俗称 HTML5 本地存储，尽管用词不当)的 W3C 规范允许用户代理强制执行大小限制，建议为 5MB。根据我在网上找到的各种来源，很多现代浏览器都使用这个 5MB 的限制，除了 IE 提供 10MB。

首先，我想知道，该限制适用于 localStorage 和 sessionStorage 的总和，还是分别适用于它们？

现在，我们实际上如何应对这些限制？有什么方法可以找出特定浏览器的限制是什么？是否有任何网站维护不同浏览器的统计信息？浏览器超过限制是否抛出异常？有没有一种万无一失的方法可以在不同的浏览器中测试这个异常“类”？

Answer 1

据我所知，localStorage 对象中没有确定其大小的方法。但是，尝试写入超过存储限制的数据量将导致您可以捕获的异常。

看看http://arty.name/localstorage.html

基本上，您可以像这样将写入函数包装在 try...catch block 中:

function write(value, name) {
    try {
        localStorage.field = value;
        return true;
    } catch (e) {
        return false;
    }
}