详解如何获取localStorage最大存储大小的方法(详解如何获取localStorage最大存储大小的方法)
类别:Web前端 浏览量:1377
时间:2021-10-13 00:55:02 详解如何获取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最大存储内容请搜索开心学习网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持开心学习网!
标签:localStorage 最大存储
您可能感兴趣
- LocalStorage用法
- cookie和session流程(浅析数据存储的三种方式 cookie sessionstorage localstorage 的异同)
- 详解如何获取localStorage最大存储大小的方法(详解如何获取localStorage最大存储大小的方法)
- localstorage底层技术(浅谈Web Storage API的使用)
- HTMl5 sessionStorage和localStorage
- localstorage可以存多少(解决localstorage存储boolean类型值的小坑)
- 招财化煞神兽,金蟾变了(招财化煞神兽金蟾变了)
- 26岁杨紫的白素贞遇上24岁鞠婧祎,哪个最美(26岁杨紫的白素贞遇上24岁鞠婧祎)
- 鞠婧祎和杨紫两种风格的女生,你心里谁比较美(鞠婧祎和杨紫两种风格的女生)
- 三千年第一美女鞠婧祎出演白素贞pk杨紫,颜值胜赵雅芝王祖贤(三千年第一美女鞠婧祎出演白素贞pk杨紫)
- 成都轨道交通13号线一期工程最新进展(成都轨道交通13号线一期工程最新进展)
- 越南没事(越南没事情做)
热门推荐
- 阿里云ssl证书安装教程(阿里云申请的 CA Wosin 证书,在Windows iis下导入证书的步骤分享)
- php导出excel使用方法(PHP使用ajax的post方式下载excel文件简单示例)
- mysql 慢查询日志
- docker配置阿里云镜像(Docker镜像的制作,上传,拉取和部署操作利用阿里云)
- Jquery对数组的操作
- python 迭代对象必须实现哪些方法(详解python之heapq模块及排序操作)
- JS中Location
- 如何提高代码可读性
- sqlserver拒绝访问怎么办(SQL server服务显示远程过程调用失败的解决方法)
- php 面向对象与面向过程(php面向对象重点知识分享)