IOS下的safari下localStorage不起作用的问题

iOS Safari无痕模式下Vue项目登录问题

最新推荐文章于 2021-06-16 10:29:56 发布

原创最新推荐文章于 2021-06-16 10:29:56 发布 · 6.9k 阅读

1 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一个使用Vue开发的应用在iOS Safari无痕模式下登录功能失效的问题及解决方案。通过检测localStorage是否可用并提示用户关闭无痕模式，可以解决此问题。

用vue开发的项目在登录的时候，无意中发现ios10.3以后版本登录没反应，测试时发现

此处之后无法执行，查阅资料后发现

在度娘上没找到答案，最后到google发现有人说是Private Browsing Mode引起的。然后查看IOS的safari没有发现隐私设置什么的

后来点击右下角小框框发现有个无痕浏览的模式。MD，关闭后一切正常

// Safari, in Private Browsing Mode, looks like it supports localStorage but all calls to setItem
// throw QuotaExceededError. We're going to detect this and just silently drop any calls to setItem
// to avoid the entire page breaking, without having to do a check at each usage of Storage.
if (typeof localStorage === 'object') {
    try {
        localStorage.setItem('localStorage', 1);
        localStorage.removeItem('localStorage');
    } catch (e) {
        Storage.prototype._setItem = Storage.prototype.setItem;
        Storage.prototype.setItem = function() {};
        alert('Your web browser does not support storing settings locally. In Safari, the most common cause of this is using "Private Browsing Mode". Some settings may not save or some features may not work properly for you.');
    }
}