详解如何获取localStorage最大存储大小的方法

localstorage，sessionstorage，cookie的简单介绍

localstorage:仅在客户端存储不参与服务器通信，存储大小一般为5m，如果不是人为清除，那么即使是关闭浏览器也会一直存在。

sessionstorage:仅在客户端存储不参与服务器通信，存储大小一般为5m，会话级存储，也就是说如果关闭当前页面或者浏览器那么就会清除

cookie:客户端存储，参与服务器通信，存储大小为4k,可设置生命周期，在设置的生命周期内有效

(function() {
    if(!window.localstorage) {
        console.log('当前浏览器不支持localstorage!')
    }    
    var test = '0123456789';
    var add = function(num) {
        num += num;
        if(num.length == 10240) {
            test = num;
            return;
        }
        add(num);
    }
    add(test);
    var sum = test;
    var show = setinterval(function(){
        sum += test;
        try {
            window.localstorage.removeitem('test');
            window.localstorage.setitem('test', sum);
            console.log(sum.length / 1024 + 'kb');
        } catch(e) {
            alert(sum.length / 1024 + 'kb超出最大限制');
            clearinterval(show);
        }
    }, 0.1)
})()

直接在浏览器控制台运行上面的方法。

亲测chrome浏览器中localstorage最大5120kb，即5m。

到此这篇关于详解如何获取localstorage最大存储大小的方法的文章就介绍到这了,更多相关localstorage最大存储内容请搜索以前的文章或继续浏览下面的相关文章，希望大家以后多多支持！