javascript - HTML5 localStorage.setItem is not working on iOS 8 - Safari mobile - Stack Overflow

admin管理员组

文章数量:1318986

localStorage.setItem is not working on mobile iOS 8.3.

Does anybody experience this problem?
Here is the code:

var storage = window.localStorage;
storage.setItem('test',45);
alert(storage.getItem('test'));

localStorage.setItem is not working on mobile iOS 8.3.

Does anybody experience this problem?
Here is the code:

var storage = window.localStorage;
storage.setItem('test',45);
alert(storage.getItem('test'));

• javascript
• local-storage
• ios8.3

Share Improve this question Follow edited Aug 6, 2015 at 6:50 Arulkumar 13.2k1414 gold badges4949 silver badges7575 bronze badges asked May 5, 2015 at 8:38 MandyMandy 2111 gold badge11 silver badge22 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

In the past, we could use something like:

if ('localStorage' in window && window.localStorage !== null) {
    alert('can use');
}else{
    alert('cannot use');
}

or

if (localStorage === undefined) {... }

However, in iOS 8.3+, when the user disables cookies, this code throws an unhandled JavaScript error. And when the user goes into private browsing mode, that same error message appears when you try to write to localStorage.

SecurityError: DOM Exception 18: An attempt was made to break through the security policy of the user agent.

Workaround

To avoid unwanted JavaScript errors due to this particular behavior of iOS, one suggestion is to enclose it within try catch blocks. (at least for the time being)

try{
  if ('localStorage' in window && window.localStorage !== null) {
    localStorage.setItem('testLocalStorage', 'testLocalStorage');
    if (localStorage.getItem('testLocalStorage') !== 'testLocalStorage') {
        localStorage.removeItem('testLocalStorage');
        //for private browsing, error is thrown before even getting here
        alert('can read CANNOT write'); 
    }else{
        localStorage.removeItem('testLocalStorage');
        alert('can use');
    }
  }else{
    alert('CANNOT use');
  }
}catch(ex){
  alert('CANNOT use reliably');
}

Note: This is not a suggestion to use alerts in your actual codes. It is just for a quick illustration.

Possible Shortform

try {
    localStorage.setItem('testLocalStorage', 'testLocalStorage');
    localStorage.removeItem('testLocalStorage');
    alert('supported');
} catch(ex) {
    alert('unsupported');
}

What can we use instead

For scenarios where localStorage is not supported, possible alternatives include server sessions (based on URL parameters if cookies are not supported), or window.name variable to store the serialized data.

Or if you design and build as a Single Page App, perhaps you do not need to store data in the global namespace at all.

You should check if localStorage is available using code like if ('localStorage' in window && window.localStorage !== null) { ... before you use it.

本文标签： javascriptHTML5 localStoragesetItem is not working on iOS 8Safari mobileStack Overflow