html5 localStorage error with Safari: “QUOTA_EXCEEDED_ERR: DOM Exception 22: An attempt was made to add something to storage that exceeded the quota.”

by

Apparently this is by design. When Safari (OS X or iOS) is in private browsing mode, it appears as though localStorage is available, but trying to call setItem throws an exception.

store.js line 73
"QUOTA_EXCEEDED_ERR: DOM Exception 22: An attempt was made to add something to storage that exceeded the quota."

What happens is that the window object still exposes localStorage in the global namespace, but when you call setItem, this exception is thrown. Any calls to removeItem are ignored.

I believe the simplest fix (although I haven’t tested this cross browser yet) would be to alter the function isLocalStorageNameSupported() to test that you can also set some value.

https://github.com/marcuswestin/store.js/issues/42

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

More Related Contents:

  1. how to store new elements added in webpage by user? [closed]
  2. How to store objects in HTML5 localStorage
  3. What is the max size of localStorage values?
  4. How do I store an array in localStorage? [duplicate]
  5. HTML5 Local storage vs. Session storage
  6. How to save an image to localStorage and display it on the next page?
  7. When do items in HTML5 local storage expire?
  8. In HTML5, is the localStorage object isolated per page/domain?
  9. How to check whether a Storage item is set?
  10. Get HTML5 localStorage keys
  11. How to delete a localStorage item when the browser window/tab is closed?
  12. HTML5 Local Storage fallback solutions [closed]
  13. Looping through localStorage in HTML5 and JavaScript
  14. Scope of sessionStorage and localStorage
  15. How to find the size of localStorage
  16. localStorage access from local file
  17. How do I save and restore a File object in local storage
  18. Accessing localStorage from a webWorker
  19. Is it possible to use any HTML5 fanciness to export local storage to Excel?
  20. Javascript/HTML Storage Options Under File Protocol (file://)
  21. How can I serialize a function in JavaScript?
  22. How to save data from a form with HTML5 Local Storage?
  23. Javascript + HTML5 localstorage [closed]
  24. Can you use HTML5 local storage to store a file? If not, how?
  25. How to store objects in HTML5 localStorage/sessionStorage
  26. JavaScript localStorage object broken in IE11 on Windows 7
  27. Saving and loading an image from localStorage
  28. How can I request an increase to the HTML5 localstorage size on iPad, like the FT web app does?
  29. Is there a way to increase the size of localStorage in Google Chrome to avoid QUOTA_EXCEEDED_ERR: DOM Exception 22
  30. Why do two web pages have different localStorage? How can I fix this?

Leave a Comment