如何处理Web存储的大小限制？

Question

Web存储的W3C规范(通俗地称为HTML5本地存储,虽然这是用词不当)允许用户代理强制执行大小限制,建议为5MB.根据我在网上发现的各种来源,很多现代浏览器都使用这个5MB的限制,除了IE这个10MB.

首先,我想知道,限制是否适用于localStorage和sessionStorage的总和,还是单独的？

现在,我们如何实际应对这些限制？有没有办法找出特定浏览器的限制？是否有任何网站维护不同浏览器的统计数据？当浏览器超过限制时抛出异常？是否有一种万无一失的方法来测试不同浏览器中的这个异常"类"？

Answer 1

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

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

基本上，您可以将写入函数包装在一个try...catch块中，如下所示：

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