查看localstorage大小及删除指定项

最新推荐文章于 2024-04-09 21:41:30 发布
最新推荐文章于 2024-04-09 21:41:30 发布
阅读量2.3k 收藏 2
点赞数
文章标签： js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mf_9_5_2_7/article/details/105540871
版权
这篇博客介绍了如何查看localStorage的大小，并提供了一个函数用于在控制台删除特定字段的数据，特别提到了针对带'mine'字段的缓存删除方法，同时考虑了IE8的兼容性问题。
摘要由CSDN通过智能技术生成

写个函数，在控制台中运行localStorageSpace();

var localStorageSpace = function(){
   
        var allStrings = '';
        for(var key in window.localStorage){
   
            if(window.localStorage.hasOwnProperty(key)){
   
                allStrings += window.localStorage[key];
            }
        }
        return allStrings ? 3 + ((allStrings.length*16)/(8*1024)
最低0.47元/天 解锁文章
miracle_mf
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
LocalStorage:本地存储
06-13
3. **删除数据**：`localStorage.removeItem()`方法用于移除指定键的数据。 ```javascript localStorage.removeItem('username'); ``` 4. **清除所有数据**：`localStorage.clear()`会清空LocalStorage中所有的...
获得 localStorage 最大存储大小的方法
胡萧徒的博客
01-10 2987
Chrome localStorage 浏览器单个 Item 的最大大小为5120kb 即 5M if(!window.localStorage) { console.log('当前浏览器不支持localStorage!') } var test = '0123456789'; var add = function(num) { ...
JS获取localstorage已使用容量/大小
zcy_csdn123的博客
05-09 2563
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') } getU
localStorage使用总结
weixin_33675507的博客
06-26 5171
一、什么是localStorage、sessionStorage 在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。   二、localStorag...
查看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储存空间的大小
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.
html5本地存储 localStorage操作使用详解
12-14
- **存储大小**：每个域名在`localStorage`和`sessionStorage`中都有大约5MB的存储空间，具体取决于浏览器实现。 3. `localStorage`与`sessionStorage`的API： - `getItem(key)`：根据给定的键获取存储的值。 - ...
JavaScript本地储存:localStorage、sessionStorage、cookie的使用
10-14
这主要包括三种机制：localStorage、sessionStorage 和 cookie。每种方法都有其特定的使用场景和特性。 1. sessionStorage sessionStorage 用于在同一个浏览器窗口内的不同页面之间共享数据。当用户关闭了浏览器...
HTML5本地存储localStorage、sessionStorage基本用法、遍历操作、异常处理等
09-28
4. **删除数据**：使用`localStorage.removeItem(key)`来删除指定键的数据。例如，删除前五个元素： ```javascript for (var i = 0; i ; i++) { localStorage.removeItem(i); } ``` 5. **清空所有数据**：调用...
一个本地存储工具控制localStorage和sessionStorage
08-12
- **删除数据**：`remove(key)`方法用于删除指定键的数据。 - **清空存储**：还可能提供`clear()`方法，一次性清除整个存储区域的所有数据。 2. **扩展功能** - **批量操作**：为了提高效率，工具可能包含批量...
计算localStorage的使用率
htj520_162的博客
04-09 417
localStorage
使用localstorage清除指定的存储字段
qq_45094682的博客
01-18 1910
这里的localStorage 中的数据是持久化存储的，即使浏览器关闭也不会丢失，除非主动删除或者进行清理操作。它跟会话级别还是有差异的。 清除localStorage中存储的数据使用以下几种方法： localStorage.removeItem('keyName') localStorage.clear()
localStorage 和sessionStorage 存值，取值，删除指定数据和清空的方法
ruixuefine的博客
12-03 2961
var a=[ {id:1,city:"bj"}, {id:2,city:"sh"}, {id:3,city:"wh"}, {id:4,city:"cq"} ] var val=$(obj).attr("id"); //存值 localStorage.setItem("userInfo",JSON.stringify(a)); //存储之前数组转换为字符串 sessionStorage.setItem("select_id",val); sessionStorage.se..
JavaScript笔记
m0_74033027的博客
01-09 1058
假设数组中第0个就是最小索引，遍历数组后做比较，发现更小的就将其替换，直到找完找到最小的，放到第0个位置。先遍历数组，再将紧挨着的两个值进行比较，如果前一个比后一个大就把俩个互换位置。charCodeAt() 返回在指定的位置的字符的 Unicode 编码。substring() 提取字符串中两个指定的索引号之间的字符。fromCharCode() 从字符编码创建一个字符串。split() 把字符串分割为字符串数组。charAt() 返回在指定位置的字符。索引和下标都是只读的，无法修改值。
localStorage怎样存取数据 怎样清除localStorage存储的数据
08-03 1万+
localStorage很多时候用来存储数据非常好，方便在页面中使用某些数据的时候调用 首先，通过setItem(key,value)即可存储数据 然后用getItem(key)的方式即可取得数据 可以看到，设置之后在浏览器的localStorage中看到存储的数据 使用localStoage存储的数据除非用户手动清空浏览器的信息，否则不会被删除 当然我们也可以通过r...
localStorage创建、清除、读取
热门推荐
卜卦的博客
05-10 2万+
1.创建缓存 localStorage.setItem('userInfo', userInfo); 2.读取缓存 localStorage.getItem('doEdit', this.doEdit); 3.清除所有缓存 localStorage.clear(); 4 清楚指定缓存 localStorage.removeItem('userinfo'); ...
localStorage存、取、删、搜索数据
qqqddd_yyqx的博客
06-29 1460
通过localStorage进行本地存储、取、删除、搜索数据。
jquery localStorage
最新发布
07-13
4. **删除数据**：使用`.remove(key)`或`window.localStorage.removeItem(key)`删除指定键的数据。 ```javascript $.localStorage.remove('username'); ``` 5. **清空所有数据**：如果需要清除整个localStorage...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值