I have found a few questions here on StackOverflow addressing specific functionality with iOS Safari Private Browsing and sessionStorage
and localStorage
. But I haven't been able to find a definitive resource denoting the support that iOS Safari has for sessionStorage
and localStorage
when Private Browsing.
What support is there for this or is there any specific resource from Apple denoting this functionality? The general consensus is that localStorage
is not at all supported without a polyfill, does the same goes for sessionStorage
?
Thank you so much!
Follow me on twitch! In short, you can't, but you can set a cookie via JavaScript 😉 Safari on iOS supports localStorage, but in Private Mode it simply throws an error when you try to save anything to it, which is not great. Also it breaks the behaviour of your app on iPhones and iPads.
Another difference is that, in the case of a few browsers, localStorage doesn't work in incognito mode but sessionStorage does.
Specifically, Safari will erase IndexedDB, LocalStorage, Media keys, SessionStorage, and Service Worker registrations after seven days if the user does not interact with the associated website during this period.
The difference between sessionStorage and localStorage is that localStorage data does not expire, whereas sessionStorage data is cleared when the page session ends. A unique page session gets created once a document is loaded in a browser tab. Page sessions are valid for only one tab at a time.
Yes, same goes for sessionStorage
and localStorage
.
There is an excellent Gist by Paul Irish explaining the history of the issue:
https://gist.github.com/paulirish/5558557
Best solution if you only need one of them:
function isLocalStorageEnabled() {
try {
var mod = '__storage_test__';
localStorage.setItem(mod, mod);
localStorage.removeItem(mod);
return true;
} catch(e) {
return false;
}
}
Or, to make it work for both, the MDN-recommended solution is more-generic: https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API
function storageAvailable(type) {
try {
var storage = window[type];
var x = '__storage_test__';
storage.setItem(x, x);
storage.removeItem(x);
return true;
}
catch(e) {
return false;
}
}
I don't think there is any specific resource for iOS, but here's Apple's official documentation:
https://developer.apple.com/library/safari/documentation/iPhone/Conceptual/SafariJSDatabaseGuide/Name-ValueStorage/Name-ValueStorage.html
And this StackOverflow question is pretty useful as well:
QuotaExceededError: Dom exception 22: An attempt was made to add something to storage that exceeded the quota
In general, when solving for sessionStorage
and localStorage
, try actually developing locally with Safari on your phone with Web Inspector open. Good luck :)
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With