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

最新推荐文章于 2024-11-16 08:10:31 发布
原创 最新推荐文章于 2024-11-16 08:10:31 发布 · 3.3k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript

本文介绍了一个JavaScript函数getUseSize()，用于测量浏览器localStorage中所有键值对占用的总存储空间，并以KB为单位显示。直接在开发者工具中使用，帮助理解应用的存储消耗。 
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
关注
JS `Web Storage` (LocalStorage / SessionStorage) 的安全与容量限制
weixin_41455464的博客
07-19 578
虽然Web Storage本身不会直接导致CSRF攻击，但如果你的网站使用Web Storage存储用户的认证信息（例如，Token），那么攻击者可以通过CSRF攻击来窃取这些信息，然后冒充用户进行操作。希望通过今天的讲解，大家能够对Web Storage有更深入的了解，并在实际开发中更加安全、合理地使用它。如果你的网站没有做好防御，这些脚本就能访问你的Web Storage，窃取里面的数据，或者篡改数据。持久化存储，除非你手动清除，否则数据会一直保存在你的浏览器里，哪怕你关掉浏览器再打开，数据依然坚挺。
localStorage容量太小？使用localforage进行大容量的存储
专注于技术，分享实战经验，探索技术边界，用代码构建更美的数字世界。
11-15 2883
localStorage是前端存储数据的一种方式，，但是其容量一般在5M-10M左右，用来缓存一些间的数据基本够用，但毕竟定位也不是大数据量的存储；浏览器其实有提供大数据量的本地存储的，比如： IndexedDB，IndexDB存储数据大小一般在250M以上，弥补了localStorage容量的缺陷，我们可以通过localforage来进行大数据量的本地存储，使用起来也很方便，其中的API和localStorage基本类似，几乎没有学习成本。
如何检测出Localstorage储存空间的大小
weixin_43800477的博客
12-25 1249
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.
Javascript（四十三）localStorage本地缓存
weixin_44730244的博客
06-06 1427
本地存储技术包含： localStorage（客户端微型数据库）： 1.永久存储；2.最大存储5M 3.只能去存储字符串和数字，如果存储内容多的话会消耗内存空间，导致页面变卡。4.localStorage不能被爬虫抓取到。5.在浏览器的隐私模式下面是不可读取的 cookie 1.可以设置过期时间 2.最大可以存储4KB 3.每一个域名下面可以存储50条数据（如果已经4kb，可能不到50条，但是也不可以继续存储） sessionStorage（结合后台使用） 1.存储容量小 2.只能存储一次会话（窗口打开和
查看localstorage大小及删除指定项
miracle_mf的博客
04-15 2546
写个函数，在控制台中运行localStorageSpace(); var localStorageSpace = function(){ var allStrings = ''; for(var key in window.localStorage){ if(window.localStorage.hasOwnProperty(key)){ ...
获取localStorage和sessionStorage当前已存储大小及容量检测
細水、長流√的专栏
04-30 4547
function get_cache_size(t){ t = t == undefined ? "l" : t; var obj = ""; if(t==='l'){ if(!window.localStorage) { console.log('浏览器不支持localStorage'); }else{ ...
JavaScript localStorage大小限制及处理8228
最新发布
08-22
例如，使用localStorage.length属性来获取已存储的键值对数量，或者localStorage.setItem方法时，如果添加失败，可以捕获QuotaExceededError错误，从而判断存储空间是否已满。此外，还可以通过轮询的方式监控...
移动端使用localStorage缓存Js和css文的方法(web开发)
10-21
这些步骤确保了当用户再次访问同一网站时，已缓存的js和css文件可以直接从localStorage读取，而不需要重新从服务器下载，从而提高了页面的加载速度。 值得注意的是，虽然localStorage提供了便利的本地缓存，但也有...
LocalStorage
03-26
4. **API接口**：通过JavaScript的全局对象`window.localStorage`提供的API进行操作，主要包括`setItem()`, `getItem()`, `removeItem()`, `clear()`等方法。 **主要方法及用法** 1. **setItem()**：用于设置键值...
查看localstorage容量
weixin_43401138的博客
04-02 1071
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...
使用js写一个方法获取localStorage和sessionStorage的大小
王铁柱666的博客
11-16 486
是两种常用的Web存储机制，它们允许你在用户的浏览器中存储键值对数据。然而，Web Storage API并没有直接提供一个方法来获取存储的大小。但你可以通过遍历存储中的所有键值对，并累加它们的长度来估算存储的大小。以下是一个使用JavaScript编写的示例方法，用于计算。在Web前端开发中，
js查看localStorage和sessionStorage已使用内存
iocncc的博客
03-02 9482
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容量
乐辞的博客
03-21 850
单位字节，KB则/1024，MB则/1024/1024。剩余容量，一般浏览器限制在5M。
计算localStorage的使用率
htj520_162的博客
04-09 575
localStorage
检测某一个网页下localStorage的剩余容量
weixin_34362875的博客
08-02 1011
使用localStorage很久了，虽然知道它的容量在不同的浏览器下为5M-10M，突然想知道怎么去判断自己写的WebApp应用下的localStorage剩余容量。 平时用JSON.stringify(localStorage).length，和最大容量比较下，能估算出大概用了多少。具体使用方法： if(window.localStor...
localStorage使用总结
weixin_33675507的博客
06-26 5518
一、什么是localStorage、sessionStorage 在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。   二、localStorag...
查看localstorage的使用情况
ChasenZh的博客
02-16 758
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 = " +.
简单易懂地测试localStorage的已使用容量和最大容量
qq_41634455的博客
01-21 3624
获取使用容量思路：window.localStorage是一个对象，可以通过获取对象中存储的各个条目的length的总和来进行计算，公式：((length的总和)/ 1024).toFixed(2)，如此计算出来的就是已经使用了多少KB的容量 if(!window.localStorage){ console.log("浏览器不支持localStorage"); return; } var size=0; var storage = window.localStorage; for(var
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值