JavaScript 中怎么检测用户当前浏览器的本地存储空间配额-js教程-PHP中文网

javascript无法直接获取localstorage配额，因浏览器出于隐私安全刻意隐藏该数值；可通过navigator.storage.estimate()估算indexeddb等现代存储空间，或用试探写入+错误捕获粗略判断localstorage剩余容量。

javascript 中怎么检测用户当前浏览器的本地存储空间配额

JavaScript 本身没有标准 API 能直接读取浏览器为当前域名分配的本地存储（如 localStorage 或 IndexedDB）的精确配额值，但可以通过试探性写入 + 错误捕获 + 容量估算的方式，**间接检测可用空间是否接近上限**。不同浏览器策略差异大，且多数不暴露具体数值。

为什么无法直接获取配额？

出于隐私和安全考虑，主流浏览器（Chrome、Firefox、Safari）**刻意隐藏了精确的存储配额数字**。这是防止网站通过“存储指纹”识别用户或发起拒绝服务式探测。因此：
- localStorage.length 只返回键数量，不反映字节大小；
- localStorage.key(i) 和 localStorage.getItem(key) 无法得知单个值占多少空间；
- 没有类似 navigator.storage.estimate() 那样的标准接口可用于 localStorage（该 API 仅适用于 StorageManager 管理的 cache 和 persisted 存储，不包括传统 localStorage）。

用 `navigator.storage.estimate()` 评估现代存储（推荐）

如果你使用的是 IndexedDB、Cache API 或已启用持久化存储（navigator.storage.persist()），可调用：

navigator.storage.estimate().then(estimate => {
  console.log('已用字节数：', estimate.usage);
  console.log('总配额字节数（估算）：', estimate.quota);
  // 例如：usage=1250000, quota=125829120 → 使用约 1%
});

注意：
- 仅在 HTTPS 环境 和 安全上下文 下可用；
- 返回的 quota 是浏览器估算值，非精确硬限制；
- Safari 对此 API 支持有限（部分版本返回 undefined 或固定小值）；
- 它不反映 localStorage 的占用，因为后者属于“遗留同步存储”，不受 StorageManager 管理。

试探法检测 `localStorage` 是否即将满（兼容方案）

对 localStorage，唯一可行方式是尝试写入一段已知大小的数据，并捕获 QuotaExceededError：

deep-java-review

Java项目代码review工具。分析Git变更+完整调用链路上下文，推断业务需求，进行多维度评分和分类汇总，生成完整PRD文档。包含细粒度Java代码审查清单（Null安全、异常处理、Streams、并发、equals/hashCode、资源管理、API设计、性能、MyBatis/ORM、事务边界、SQL/DD...

下载