H5:localStorage限额报错quota

报错：Failed to execute 'setItem' on 'Storage': Setting the value of 'address' exceeded the quota.

场景：对常用地址做本地存储，减少后端请求

异常：在localStorage里面没有找到存储的数据，刷新页面重新请求接口

排查：浏览器console输出报Failed to execute 'setItem' on 'Storage': Setting the value of 'address' exceeded the quota.查找资料发现是超出单条最大长度导致，

资料查询：发现此问题是超出了localStorage的最大长度导致的，另查找资料发现最大存储为5M；

撰写代码：清除存储数据的null和空字符串等无用数据，节省存储占用；问题暂时解决

反思：在使用本地存储的时候清除不必要的数据，防止出现空数据占用空间

获取最大存储的方法之一使用累加的方法，累加方法如下，可以验证你的剩余存储空间：

1.  
   let str = "1234567890";
2.  
   localStorage.setItem("str",str)
3.  
   let timer = setInterval(()=>{
4.  
   str =localStorage.getItem("str");
5.  
   console.log(str.length/(1024*1024),str.length);
6.  
   try{
7.  
   localStorage.setItem("str",str);
8.  
   }catch (e) {
9.  
   clearInterval(timer)
10.  
    }
11.  
    },20)

这篇好文章是转载于：学新通技术网