window.localStorage.setItem() 报错

最新推荐文章于 2025-06-11 15:16:21 发布

乌鱼鸡汤

最新推荐文章于 2025-06-11 15:16:21 发布

阅读量1k

点赞数 8

CC 4.0 BY-SA版权

分类专栏：前端文章标签： js 前端 localStorage

本文链接：https://blog.youkuaiyun.com/a123123sdf/article/details/138597895

目录标题

一、原因

在使用sessionStorage做缓存处理时，报了如上的错误提示，经查是sessionStorage对大小是有限制的，所以要进行try catch，500KB左右的东西保存起来就会令到Resources变卡，2M左右就可以令到Resources卡死，操作不了，5M就到了Chrome的极限，而超过之后就会抛出上述异常。

二、快速解决

F12 选择服务器地址，右键清楚。注意：这种方式治标不治本，后面依旧会有问题。
在这里插入图片描述

三、彻底解决

参考：window.localStorage.setItem() 缓存超额

addSessionStorage (key, storeObj) {
   
   
      //定义一个前缀，表示只删除自己定义的缓存
      const cachePrefix = 'SERVICE_QR_';
      try {
   
   
        sessionStorage.setI