详解如何获取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最大存储内容请搜索以前的文章或继续浏览下面的相关文章，希望大家以后多多支持！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！