您的位置:首页 > Web前端 > > 正文

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

更多 时间:2021-10-13 00:55:02 类别:Web前端 浏览量:1377

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

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