在iPhone和iOS 7上使用LocalStorage会抛出这个错误。我一直在寻找一个解决方案,但考虑到我甚至没有私下浏览,没有什么相关的。

我不明白为什么在iOS 7默认禁用localStorage,但它似乎是?我也在其他网站上测试过,但没有成功。我甚至尝试使用http://arty.name/localstorage.html这个网站来测试它,但由于一些奇怪的原因,它似乎根本没有保存任何东西。

有没有人遇到过同样的问题,只是他们很幸运地解决了它?我应该改变我的存储方法吗?

我试图通过只存储几行信息来硬调试它,但没有用。我使用标准的localStorage.setItem()函数保存。


当前回答

当Safari处于私有模式浏览时,可能会发生这种情况。在私人浏览时,本地存储根本不可用。

一种解决方案是警告用户应用程序需要非私有模式才能工作。

更新:这在Safari 11中已经修复,所以行为现在与其他浏览器一致。

其他回答

我碰巧在iOS 7中遇到了同样的问题(有些设备没有模拟器)。

看起来iOS 7中的Safari有一个更低的存储配额,这显然是通过拥有一个很长的历史日志来达到的。

我认为最好的实践是捕获异常。

Modernizr项目有一个简单的补丁,你应该尝试类似的东西:https://github.com/Modernizr/Modernizr/blob/master/feature-detects/storage/localstorage.js

我使用这个返回true或false的简单函数来测试localStorage的可用性:

isLocalStorageNameSupported = function() {
    var testKey = 'test', storage = window.sessionStorage;
    try {
        storage.setItem(testKey, '1');
        storage.removeItem(testKey);
        return true;
    } catch (error) {
        return false;
    }
}

现在您可以在使用localStorage.setItem()之前测试它的可用性。例子:

if ( isLocalStorageNameSupported() ) {
    // can use localStorage.setItem('item','value')
} else {
    // can't use localStorage.setItem('item','value')
}

下面是一个扩展的解决方案,基于上面DrewT的答案,如果localStorage不可用,则使用cookie。它使用Mozilla的docookie库:

function localStorageGet( pKey ) {
    if( localStorageSupported() ) {
        return localStorage[pKey];
    } else {
        return docCookies.getItem( 'localstorage.'+pKey );
    }
}

function localStorageSet( pKey, pValue ) {
    if( localStorageSupported() ) {
        localStorage[pKey] = pValue;
    } else {
        docCookies.setItem( 'localstorage.'+pKey, pValue );
    }
}

// global to cache value
var gStorageSupported = undefined;
function localStorageSupported() {
    var testKey = 'test', storage = window.sessionStorage;
    if( gStorageSupported === undefined ) {
        try {
            storage.setItem(testKey, '1');
            storage.removeItem(testKey);
            gStorageSupported = true;
        } catch (error) {
            gStorageSupported = false;
        }
    }
    return gStorageSupported;
}

在你的源代码中,只需使用:

localStorageSet( 'foobar', 'yes' );
...
var foo = localStorageGet( 'foobar' );
...

这个问题和答案帮助我解决了在Parse中注册新用户的一个具体问题。

因为signUp(attrs, options)函数使用本地存储来持久化会话,如果用户处于私有浏览模式,它会抛出“QuotaExceededError: DOM Exception 22: An attempt was made to add something to storage that exceeded the quota.”异常,并且不会调用成功/错误函数。

在我的例子中,因为错误函数从未被调用,它最初似乎是一个问题,在提交上触发单击事件或在注册成功时定义的重定向。

包括一个警告用户解决的问题。

Javascript SDK解析参考 https://parse.com/docs/js/api/classes/Parse.User.html#methods_signUp

用用户名(或电子邮件)和密码注册一个新用户。这将创建一个新的Parse。用户,并在localStorage中持久化会话,以便您可以使用{@link #current}访问该用户。

当Safari处于私有模式浏览时,可能会发生这种情况。在私人浏览时,本地存储根本不可用。

一种解决方案是警告用户应用程序需要非私有模式才能工作。

更新:这在Safari 11中已经修复,所以行为现在与其他浏览器一致。