javascript - 本地存储和 Internet Explorer 9 冒险

Question

我在使用 localStorage 的 Internet Explorer 9 中遇到了有趣的问题。我在使用 i18next 库的 Web 项目中使用客户端本地化，并决定使用 localStorage 作为本地化存储。我们在用户第一次访问时加载所有本地化(一种语言的完整本地化 ~ 450kb)。除了 Internet Explorer 9 之外，所有浏览器都运行良好。一段时间后，在语言之间切换，当它尝试加载本地化时，我开始收到错误 - “SCRIPT5022:DOM 异常:QUOTA_EXCEEDED_ERR (22)”从服务器端。当我尝试 - localStorage.remainingSpace 它返回:120776

但是，当我尝试使用命令 - JSON.stringify(localStorage) 查看 localStorage 中存储的内容时，它会返回 - "{}"。所以 localStorage 中没有存储任何内容，但它写道只有 120kb 是可用的。当我尝试访问任何其他网站时，对于命令 - localStorage.remainingSpace 它显示 - 5000000。另外 localStorage.clear() 也无法帮助停止接收该消息 - “SCRIPT5022:DOM 异常:QUOTA_EXCEEDED_ERR (22)”

问题是 - “为什么 Internet Explorer 9 认为 localStorage 几乎已满，但它不包含任何数据？”

感谢您的帮助。

Answer 1

知道 IE 是多么令人沮丧。我遇到了类似的问题。

试试这个 this jquery plugin 。另请参阅 this IE9 问题符合您的用例该插件本身会尝试各种后备措施，但不设置实际的 cookie。他们在无缝 API 中集成了多种持久性机制，无论浏览器如何，只要它在其支持的列表中，它就会在大小限制内工作。

[如果 450kb 不适合，请尝试创建一个服务器支持的回退，主动获取本地存储中缺少的所需 key ，这样您就不会传输整个 450k 字典。]

祝你好运!