详解如何获取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可以存多少(解决localstorage存储boolean类型值的小坑)
- 详解如何获取localStorage最大存储大小的方法(详解如何获取localStorage最大存储大小的方法)
- HTMl5 sessionStorage和localStorage
- LocalStorage用法
- localstorage底层技术(浅谈Web Storage API的使用)
- cookie和session流程(浅析数据存储的三种方式 cookie sessionstorage localstorage 的异同)
- 被骂欺师灭祖,与郭德纲公开叫板,何云伟改名何沄伟,开始画画了(与郭德纲公开叫板)
- 相声转行影帝,被何晴抛弃,甩10年女友闪婚生子,刘威不靠谱情史(相声转行影帝被何晴抛弃)
- 岳云鹏不说相声,改行演员了 网友 快回来说相声(岳云鹏不说相声)
- 乔欣首演古装大女主,颜值演技双在线(乔欣首演古装大女主)
- 于正又推女性古装大剧 杨蓉乔欣演女配,两位女主成 重头戏(于正又推女性古装大剧)
- 乔欣古装女主戏获热度 作为女主,却没吃到红利(乔欣古装女主戏获热度)
热门推荐
- html5video怎么用(html5视频媒体标签video的使用方法及完整参数说明详解)
- python 提取微信消息(python实现文件助手中查看微信撤回消息)
- python如何读取文件(Python从文件中读取数据的方法讲解)
- 如何打开mysql8.0客户端服务(MySQL mysqladmin客户端的使用简介)
- docker部署spring boot(Spring Boot 打包上传Docker 仓库的详细步骤)
- centos下ftp服务器搭建(CentOS搭建FTP文件服务的步骤)
- mysql常见错误提示及解决办法(MYSQL 无法识别中文的永久解决方法)
- C# this扩展方法
- web服务器架设步骤及流程(web服务器怎么配置?web服务器配置图文教程)
- angular 常用模块(详解Angular之路由基础)