欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-05-07 11:53:07
这篇文章主要介绍了详解如何获取localStorage最大存储大小的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学... 20-05-21...

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