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


Posted in HTML / CSS onMay 21, 2020

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

HTML / CSS 相关文章推荐
CSS3样式linear-gradient的使用实例
Jan 16 HTML / CSS
CSS3 简单又实用的5个属性
Mar 04 HTML / CSS
CSS3正方体旋转示例代码
Aug 08 HTML / CSS
CSS3之多背景background使用示例
Oct 18 HTML / CSS
使用CSS3的font-face字体嵌入样式的方法讲解
May 13 HTML / CSS
canvas实现圆绘制的示例代码
Sep 11 HTML / CSS
HTML5 Canvas中使用路径描画二阶、三阶贝塞尔曲线
Jan 01 HTML / CSS
HTML5 Canvas实现图片缩放、翻转、颜色渐变的代码示例
Feb 28 HTML / CSS
html5使用canvas实现弹幕功能示例
Sep 11 HTML / CSS
HTML5页面中尝试调起APP功能
Sep 12 HTML / CSS
详解Canvas 跨域脱坑实践
Nov 07 HTML / CSS
AmazeUI折叠式卡片布局,整合内容列表、表格组件实现
Aug 20 HTML / CSS
html5用video标签流式加载的实现
May 20 #HTML / CSS
video.js支持m3u8格式直播的实现示例
May 20 #HTML / CSS
video实现有声音自动播放的实现方法
May 20 #HTML / CSS
基于html5 canvas做批改作业的小插件
May 20 #HTML / CSS
video下autoplay属性无效的解决方法(添加muted属性)
May 19 #HTML / CSS
html2canvas生成的图片偏移不完整的解决方法
May 19 #HTML / CSS
html5简介及新增功能介绍
May 18 #HTML / CSS
You might like
PR值查询 | PageRank 查询
2006/12/20 PHP
8个出色的WordPress SEO插件收集
2011/02/26 PHP
PHP动态分页函数,PHP开发分页必备啦
2011/11/07 PHP
thinkphp常见路径用法分析
2014/12/02 PHP
Yii2 GridView实现列表页直接修改数据的方法
2016/05/16 PHP
PHP实现的随机红包算法示例
2017/08/14 PHP
html读出文本文件内容
2007/01/22 Javascript
基于jQuery的投票系统显示结果插件
2011/08/12 Javascript
Javascript毫秒数用法实例
2015/02/05 Javascript
jQuery实现在最后一个元素之前插入新元素的方法
2015/07/18 Javascript
JS实现网页标题栏显示当前时间和日期的完整代码
2015/11/02 Javascript
jquery dataview数据视图插件使用方法
2016/12/23 Javascript
vue watch自动检测数据变化实时渲染的方法
2018/01/16 Javascript
vue.js分页中单击页码更换页面内容的方法(配合spring springmvc)
2018/02/10 Javascript
vue中post请求以a=a&b=b 的格式写遇到的问题
2018/04/27 Javascript
详解基于vue的服务端渲染框架NUXT
2018/06/20 Javascript
微信小程序自定义导航栏实例代码
2019/04/05 Javascript
简单分析js中的this的原理
2019/08/31 Javascript
vue使用recorder.js实现录音功能
2019/11/22 Javascript
TypeScript高级用法的知识点汇总
2019/12/17 Javascript
[02:20]DOTA2亚洲邀请赛 EHOME战队出场宣传片
2015/02/07 DOTA
[53:36]Liquid vs VP Supermajor决赛 BO 第三场 6.10
2018/07/05 DOTA
python中dir()与__dict__属性的区别浅析
2018/12/10 Python
python读写csv文件并增加行列的实例代码
2019/08/01 Python
Python使用指定字符长度切分数据示例
2019/12/05 Python
Python如何将将模块分割成多个文件
2020/08/04 Python
全球高级音频和视频专家:HiDef Lifestyle
2019/08/02 全球购物
平面网站制作专科生的自我评价分享
2013/12/11 职场文书
新员工欢迎词
2014/01/12 职场文书
公司门卫岗位职责
2014/03/15 职场文书
学校学习雷锋活动总结
2014/07/03 职场文书
婚礼家长致辞
2015/07/27 职场文书
《风娃娃》教学反思
2016/02/18 职场文书
php修改word的实例方法
2021/11/17 PHP
教你部署vue项目到docker
2022/04/05 Vue.js
使用python绘制横竖条形图
2022/04/21 Python