当前位置： 移动技术网 > IT编程>网页制作>Html5 > 详解如何获取localStorage最大存储大小的方法

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

2020年06月15日  | 移动技术网IT编程  | 我要评论

瑞鸟的报复,上饶万达,汪浔芳

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最大存储内容请搜索移动技术网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持移动技术网！

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网