如何处理HTML5本地存储空间不足问题？

本文共计1001个文字，预计阅读时间需要5分钟。

说明：

实操建议：

立即学习“前端免费学习笔记（深入）”；

• 先用 try...catch 包住写入操作，避免未捕获异常中断流程
• 检查当前用量：encodeURIComponent(JSON.stringify(localStorage)).length（粗略字节数，注意 Unicode 字符占多字节）
• 别依赖 localStorage.length——它只返回 key 的数量，不反映实际存储体积
• 写入前可预估大小：对值做 JSON.stringify(val).length，叠加已有估算值判断是否接近上限

怎么安全清空不用的 localStorage key

说明：直接 localStorage.clear() 很危险——可能误删登录态、用户偏好等关键数据。得按需清理，且要避开正在使用的 key。