查询浏览器当前网页占用的localStorage容量

已于 2023-03-21 13:52:00 修改
阅读量527 收藏 3
点赞数 1
文章标签： 前端 javascript
于 2023-03-21 13:51:28 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45503196/article/details/129686922
版权
该文介绍了一种计算浏览器localStorage剩余存储容量的方法，通过unescape,encodeURIComponent和JSON.stringify组合使用获取已占用的字节数，然后用1024的倍数转换为KB或MB，大多数浏览器对localStorage的限制是5MB。
摘要由CSDN通过智能技术生成

unescape(encodeURIComponent(JSON.stringify(localStorage))).length 单位字节，KB则/1024，MB则/1024/1024

1024 * 1024 * 5 - unescape(encodeURIComponent(JSON.stringify(localStorage))).length 剩余容量，一般浏览器限制在5M

乐辞
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
简单易懂地测试localStorage的已使用容量和最大容量
qq_41634455的博客
01-21 3104
获取使用容量思路：window.localStorage是一个对象，可以通过获取对象中存储的各个条目的length的总和来进行计算，公式：((length的总和)/ 1024).toFixed(2)，如此计算出来的就是已经使用了多少KB的容量 if(!window.localStorage){ console.log("浏览器不支持localStorage"); return; } var size=0; var storage = window.localStorage; for(var
获取localStorage和sessionStorage当前已存储大小及容量检测
細水、長流√的专栏
04-30 3878
function get_cache_size(t){ t = t == undefined ? "l" : t; var obj = ""; if(t==='l'){ if(!window.localStorage) { console.log('浏览器不支持localStorage'); }else{ ...
检测某一个网页下localStorage的剩余容量
weixin_34362875的博客
08-02 945
使用localStorage很久了，虽然知道它的容量在不同的浏览器下为5M-10M，突然想知道怎么去判断自己写的WebApp应用下的localStorage剩余容量。 平时用JSON.stringify(localStorage).length，和最大容量比较下，能估算出大概用了多少。具体使用方法： if(window.localStor...
【面试】2077- 如何使用JS来计算LocalStorage的容量
最新发布
pingan8787
06-15 27
转自：程序员Sunday现在的面试总会遇到很多“奇葩”的问题，不过本着“存在即合理”的态度，从“深入JS”的角度来看，这些个性化的面试题还是挺有意思的。所以，咱们今天就来看一个“奇葩”面试题：如何使用JS来计算LocalStorage的容量本文为译文：https://javascript.plainenglish.io/believe-it-or-not-interviewer-asks-me-t...
浏览器本地存储
qq_51938362的博客
08-09 794
浏览器本地存储，localStorage 与 sessionStroage 的使用
查看localstorage容量
weixin_43401138的博客
04-02 931
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，sessionStorage?(浏览器)
weixin_43677787的博客
01-19 8393
1.谷歌浏览器 -->f12(右击检查) --> Application 2.Microsoft Edge -->f12(右击检查) --> 应用程序 相同点： 存储大小都是5MB； 都存储在浏览器中； 存储的是字符串形式（如果是对象需要使用JSON.stringify(对象)把它转换为字符串）（使用的时候使用JSON.parse(字符串名称)转化为对象）。 4.使用方式 /*存储*/ localStorage(sessionStorage).setItem(key,val
如何检测出Localstorage储存空间的大小
weixin_43800477的博客
12-25 1032
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.
cookie、sessionStorage和localStorage的区别
04-01
数据只在当前浏览器窗口或标签页存活期间可用。 - **LocalStorage**: 同样属于Web Storage API的一部分，用于持久化地存储数据，即使浏览器关闭后，数据也依然存在。 #### 二、Cookie 与 Session 的区别 **1. 存储...
jCached:jCached Javascript 客户端缓存
06-11
`localStorage`允许网页在用户关闭和重新打开浏览器后仍然保留数据，这使得jCached能够在用户会话间保持缓存数据，提高页面加载速度。 ### 2. 功能特性 - **自动过期管理**：jCached支持设置缓存项的过期时间，当...
storage-tracker
03-07
`localStorage`的数据在浏览器关闭后仍然存在，而`sessionStorage`的数据只在当前会话中有效。 **localStorage和sessionStorage的区别：** 1. 生命周期：localStorage的数据在浏览器关闭后仍然保留，直到被清除；...
Android使用HBuilder的缓存方法
01-20
这个API类似于HTML5的Web Storage（包括localStorage和sessionStorage），但它的功能更强大，支持更大的存储容量。 在给出的代码中，我们看到一个立即执行的函数表达式`(function(mui, owner) {...})(mui, window....
BAT2018年《80道前端面试题》.docx
09-11
9. **cookies，sessionStorage和localStorage的区别**：cookies会被发送到服务器，占用网络带宽；sessionStorage和localStorage存储在本地，不参与网络传输。sessionStorage数据仅在当前会话可用，而localStorage...
本地储存 | Web Storage (自学查看用)
weixin_44749818的博客
03-03 296
1.什么是Web Storage Web Storage是在HTML5中重新提供的一种在客户端本地保存数据的功能。 2.cookies和Web Storage 在web应用中，客户端储存的使用和方法有很多，其中最简单并且兼容性最佳的是cookies，但是简单的同时，他也有些不足： cookies的大小被限制在4KB。 cookies操作较为繁琐，所有的信息需要被拼接到一个长字符串中。 由于coo...
如何查看Chrome浏览器的页面缓存内容【详细教程】
热门推荐
XSL_HR的博客
12-09 1万+
浏览器有多种缓存，包括cookie，localstorage，sessionstorage等等。上期文章我们了解了浏览器缓存的几种方式，本期文章将介绍如何在浏览器查看页面缓存。
谷歌浏览器调试：添加localStorage
鼓浪屿岛与海的博客
11-16 4353
F12查看浏览器本地：Local Storage 需要添加一个key: default_system 设置如下： 查看浏览器localStorage： window.localStorage 设置localStorage： localStorage.setItem("default_system","Aone") 查看效果： ...
不管你信不信，面试官让我使用 JS 计算 LocalStorage 的容量！
程序员成长指北
06-03 48
大厂技术高级前端Node进阶 点击上方程序员成长指北，关注公众号 回复1，加入高级Node交流群现在的面试总会遇到很多“奇葩”的问题，不过本着“存在即合理”的态度，从“深入JS”的角度来看，这些个性化的面试题还是挺有意思的。所以，咱们今天就来看一个“奇葩”面试题：如何使用JS来计算LocalStorage的容量本文为译文：https://javascript.plainenglish.i...
获取localStorage的使用容量和最大容量
JUSTIN的博客
11-23 3441
（一）前言 我们最近需要涉及一套前端缓存库, 主要对一些列表数据进行本地缓存, 避免二次进入页面空白时间太长，这里内嵌webview，持久缓存就需要使用localStorage。这里主要讲述怎么计算当前使用体积和剩余体积 （二）最大容量 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>容量</title> </head> &l
JS获取localstorage已使用容量/大小
yf18040578780的博客
12-29 747
JS获取localstorage已使用容量/大小
js实现关闭浏览器清除当前域名localstorage
07-14
要在关闭浏览器时清除当前域名的 LocalStorage，可以使用 `beforeunload` 事件来监听页面即将被卸载的情况，在该事件中清除 LocalStorage。 以下是一个示例代码： ```javascript // 监听 beforeunload 事件 window.addEventListener("beforeunload", function() { // 清除当前域名的 LocalStorage localStorage.clear(); }); ``` 在这个示例中，我们使用 `beforeunload` 事件来监听页面即将被卸载的情况。当用户关闭浏览器或者离开当前页面时，会触发该事件。在事件处理函数中，我们调用 `localStorage.clear()` 来清除当前域名的 LocalStorage。 请注意，由于浏览器的安全机制，只能清除当前域名的 LocalStorage，而不能清除其他域名的 LocalStorage。如果你需要清除其他域名的 LocalStorage，那么需要在对应的域名下执行相应的脚本。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值