JS获取localstorage已使用容量/大小

于 2022-05-09 11:03:30 发布
阅读量2.3k 收藏 3
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zcy_csdn123/article/details/124661860
版权 
function getUseSize() {
  var size = 0;
  for(item in window.localStorage) {
    if(window.localStorage.hasOwnProperty(item)) {
      size += window.localStorage.getItem(item).length;
    }
  }
  console.log('使用：' +  (size / 1024).toFixed(2) + 'KB')
}
getUseSize()

可以直接在浏览器开发者工具中使用

zcy_csdn123
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
详解JavaScript中localStorage使用要点
10-22
localStorage主要用来替代cookie，解决cookie(可参考cookie使用要点)读写困难、容量有限的问题，对js localstorage的使用相关知识感兴趣的朋友一起学习吧
获得浏览器localStorage的剩余容量和最大容量
天涯潇湘路
08-18 2万+
一、如何获取localStorage的剩余容量 localStorage 中存储的是字符串，根据这一条件，我们可以通过取出所有的localStorage的内容，而其长度就是大小。具体代码如下: (function(){ if(!window.localStorage) { console.log('浏览器不支持localStorage'); } var...
详解vue中localStorage的使用方法
12-09
什么是localStorage 对浏览器来说，使用 Web Storage 存储键值对比存储 Cookie 方式更直观，而且容量更大，它包含两种：localStorage 和 sessionStorage 1.sessionStorage（临时存储） ：为每一个数据源维持一个存储区域，在浏览器打开期间存在，包括页面重新加载 2.localStorage（长期存储） ：与 sessionStorage 一样，但是浏览器关闭后，数据依然会一直存在 所以上次使用cookie的时候就遇到了一个坑,设置后马上访问session会获取不到,蛋疼,还需要刷新一下,原因是: 当我们首次访问设置Cookie的页
JavaScript使用localStorage存储数据
10-16
主要为大家详细介绍了JavaScript使用localStorage存储数据，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
详解如何获取localStorage最大存储大小的方法
01-21
localStorage，sessionStorage，cookie的简单介绍 localStorage:仅在客户端存储不参与服务器通信，存储大小一般为5M，如果不是人为清除，那么即使是关闭浏览器也会一直存在。 sessionStorage:仅在客户端存储不参与服务器通信，存储大小一般为5M，会话级存储，也就是说如果关闭当前页面或者浏览器那么就会清除 cookie:客户端存储，参与服务器通信，存储大小为4k,可设置生命周期，在设置的生命周期内有效 (function() { if(!window.localStorage) { console.log('当前浏览器不支
查看localstorage大小及删除指定项
miracle_mf的博客
04-15 2371
写个函数，在控制台中运行localStorageSpace(); var localStorageSpace = function(){ var allStrings = ''; for(var key in window.localStorage){ if(window.localStorage.hasOwnProperty(key)){ ...
查看localstorage容量
weixin_43401138的博客
04-02 891
1.(function(){ if(!window.localStorage) { console.log(‘浏览器不支持localStorage’); } var size = 0; for(let item in window.localStorage) { if(window.localStorage.hasOwnProperty(item)) { size += window.localS...
如何检测出Localstorage储存空间的大小
weixin_43800477的博客
12-25 963
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.
获取localStorage和sessionStorage当前已存储大小及容量检测
細水、長流√的专栏
04-30 3661
function get_cache_size(t){ t = t == undefined ? "l" : t; var obj = ""; if(t==='l'){ if(!window.localStorage) { console.log('浏览器不支持localStorage'); }else{ ...
获取localStorage的使用容量和最大容量
JUSTIN的博客
11-23 3381
（一）前言 我们最近需要涉及一套前端缓存库, 主要对一些列表数据进行本地缓存, 避免二次进入页面空白时间太长，这里内嵌webview，持久缓存就需要使用localStorage。这里主要讲述怎么计算当前使用体积和剩余体积 （二）最大容量 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>容量</title> </head> &l
JS---本地存储的sessionStoreage和localStorag的区别和使用
前端与计算机相关知识的分享，博主的qq523235674
01-25 2134
一、为什么需要本地存储 随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，HTML5规范提出了相关解决方案。 二.本地存储的特点 1、数据存储在用户浏览器中 2、设置、读取方便、甚至页面刷新不丢失数据 3、容量较大，sessionStorage约5M、localStorage约20M 4、只能存储字符串，可以将对象JSON.stringify)编码后存储 三.本地存储---window. sessionStora..
js查看localStorage和sessionStorage已使用内存
iocncc的博客
03-02 9230
function get_cache_size(t){ t = t == undefined ? "l" : t; var obj = ""; if(t==='l'){ if(!window.localStorage) { console.log('浏览器不支持localStorage'); }else{ obj = window.localStorage; } }else{
localstorage存储大小_localstroage过多存储满的情况下应该怎么办？
weixin_39820588的博客
11-21 5880
技术很简单，业务很麻烦在大公司，同一个域名下可能存在几十上百条业务线，每条业务线都可能因为各种理由往 localStorage 里塞东西，跨页面传数据啦、缓存啦、离线化啦、性能优化啦...，5M 看起来很多，其实很快就用完了。而开发时基本无感知，是因为大家都只访问自己的业务，但用户会访问各种业务，时间一久，很容易就存满了，凡是严重依赖 localStorage 的业务流程都存在风险，写可能出问题，...
查看localstorage的使用情况
ChasenZh的博客
02-16 644
var _lsTotal=0,_xLen,_x;for(_x in localStorage){ if(!localStorage.hasOwnProperty(_x)){continue;} _xLen= ((localStorage[_x].length + _x.length)* 2);_lsTotal+=_xLen; console.log(_x.substr(0,50)+" = "+ (_xLen/1024).toFixed(2)+" KB")};console.log("Total = " +.
js设置、获取localStorage
Jack_13201的博客
08-02 7270
一、设置 // 设置localStorage setLocalStorage() { var userName = '123123' localStorage.setItem('userName', userName) } 二、获取 // 获取localStorage getLocalStorage() { var getUserName = localStorage.getItem('userName')
获取localStorage最大存储大小的方法
青云码上的博客
07-17 3998
(function() { if(!window.localStorage) { console.log('当前浏览器不支持localStorage!') } var test = '0123456789'; var add = function(num) { num += num; if(n...
HTML5 本地存储 localStorage、sessionStorage 的遍历、存储大小限制处理
热门推荐
11-09 3万+
HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的，区别在于 sessionStorage 在关闭页面后即被清空，而 localStorage 则会一直保存。我们这里以 localStorage 为例，简要介绍下 HTML5 的本地存储，并针对如遍历等常见问题作一些示例说明。 localStorage 是 HTML5 本地存储的
js获取LocalStorage缓存的大小
最新发布
06-07
JavaScript 本身没有提供获取 LocalStorage 缓存大小的 API，但我们可以通过一些技巧来获取它。以下是一种可能的方法： 1. 针对每个 LocalStorage 键值对，调用 `JSON.stringify()` 方法将其序列化为字符串。 2. 计算出每个字符串的字节数，可以使用 `Blob()` 对象或 `TextEncoder()` 来计算。 3. 将所有键值对的字节数相加，即为 LocalStorage 缓存的大小。 下面是一个示例代码： ```javascript function getLocalStorageSize() { var total = 0; for (var key in localStorage) { if (!localStorage.hasOwnProperty(key)) { continue; } var value = localStorage[key]; var bytes = new Blob([value]).size; total += bytes; } return total; } console.log('LocalStorage size is ' + getLocalStorageSize() + ' bytes.'); ``` 需要注意的是，这种方法只能获取到 LocalStorage 缓存的大小，而不能获取到其他类型的缓存大小，例如 HTTP 缓存、IndexedDB 等。同时，由于浏览器限制了 LocalStorage 的大小，其实际大小可能会受到浏览器限制而有所不同。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值