How can I handle size limits for web storage?

Question

The W3C specification for web storage (commonly known as HTML5 local storage, although this is an incorrect name) allows user agents to apply a size limit of 5 MB recommended. According to various sources that I found on the network, many modern browsers use this limit of 5 MB, with the exception of IE, which gives 10 MB.

First, I want to know if the limit applies to the combined total of localStorage and sessionStorage, or is it individually?

Now, how do we really deal with these limitations? Is there any way to find out what is the limit for a particular browser? Is there any website that supports statistics on different browsers? Is an exception a throw when the browser goes over the limit? Is there any reliable way to check this exception class in different browsers?

Answer 1

AFAIK, localStoragethere is no way in an object to determine its size. However, attempting to record an amount of data that exceeds the storage limit will result in an exception that you can catch.

Take a look at http://arty.name/localstorage.html

, try...catch :

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