QuotaExceededError The quota has been exceeded

最新推荐文章于 2025-07-21 14:06:35 发布

原创

最新推荐文章于 2025-07-21 14:06:35 发布 · 4.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

当在iOS 10及以下版本的Safari无痕浏览模式中使用localStorage或sessionStorage时，可能会遇到QuotaExceededError。为解决此问题，可以检测浏览器是否支持这些存储并提示用户切换模式，或者在不支持时默认切换到cookie存储。由于cookie存储空间有限，建议只用于少量数据。本文提供了检测和切换到cookie的实现代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

（一）前言
我首先描述下，这种报错出现的场景

ios <= 10 真机 Safari 的无痕浏览模式
使用localStorage or sessionStorage 的 setItem

当然，问题肯定社区有解决方案，以下链接可以满足你想要的答案
问题链接1
问题链接2
问题链接3

（二）解决过程

如果你看完，那么问题可以总结为，两个方向

是我们h5站点增加检测是否支持，并提示用户切换模式
我们在不支持情况，默认切到cookie

当然因为cookie本身储存空间不大，所以建议如果本地存储大量数据，不建议用2，以下为2中支持提供代码

检测是否支持

function isStorageNameSupported(storage) {
   
   
    var testKey = 'test';
    try {
   
   
        storage.setItem(testKey, '1');
        storage.removeItem(testKey);
        return storage in win && win[storage];
    } catch (error) {
   
   
        return false;
    }
}