概述LocalStorage 简单、同步、容量小(约 5–10MB 级,依浏览器而定),适合少量配置;IndexedDB 提供结构化数据与索引、异步高性能,适合大量数据与离线缓存。选型需结合容量、性能与事务需求。IndexedDB 与 LocalStorageIndexedDB:面向大量结构化数据与索引查询,支持二进制与事务;生态库如 localForage、sifrr-storage 提供简化接口与回退[参考1]。LocalStorage:同步 API,写入会阻塞主线程,不适用于大数据;适合少量键值与偏好。配额与持久化`navigator.storage.estimate()` 获取 `StorageEstimate`(配额与已用);用于配额监控与清理策略[参考1,2]。`navigator.storage.persist()` 请求持久化存储,获批后减少被系统清理的可能;浏览器有自身规则,可能不授予[参考2]。不同浏览器配额与策略存在差异;实践中以估算为准并容错设计[参考3]。参考与验证[参考1]MDN 中文:IndexedDB 概览与场景与生态库说明:https://developer.mozilla.org/zh-CN/docs/Web/API/IndexedDB_API[参考2]MDN 中文/英文:`StorageManager` 与 `estimate()`/`persist()` 方法说明:https://developer.mozilla.org/zh-CN/docs/Web/API/StorageManager 与 https://developer.mozilla.org/en-US/docs/Web/API/StorageManager/persist[参考3]技术文章:浏览器配额与 `StorageManager` 估算与差异说明(Chrome/Firefox 配额行为):https://www.yasssssblog.com/2020/08/19/web-indexeddb/关键词校验关键词与前端存储选型/配额主题一致。

发表评论 取消回复