I'm getting this error on my iPhone's safari, when doing localStorage.setItem('user',some string here):

Error: The quota has been exceeded.
setItem@[native code]

It is not private mode! What other circumstances can make localStorage not work?

I'm getting this error on my iPhone's safari, when doing localStorage.setItem('user',some string here):

Error: The quota has been exceeded.
setItem@[native code]

It is not private mode! What other circumstances can make localStorage not work?

• javascript
• safari
• local-storage
• ios10

• Possible duplicate of html5 localStorage error with Safari: "QUOTA_EXCEEDED_ERR: DOM Exception 22: An attempt was made to add something to storage that exceeded the quota." – Alex W Commented Apr 28, 2017 at 20:22

2 Answers 2

I created this class to help get around private browsing. However, storage will be blown away when you refresh the browser.

const data = {};
let hasLocalStorage = false;

if (localStorage) {
  try {
    const x = 'storageTest';
    localStorage.setItem(x, x);
    localStorage.removeItem(x);
    hasLocalStorage = true;
  } catch (e) {
    hasLocalStorage = false;
  }
}

class StorageUtilities {
  setItem(key, value) {
    if (hasLocalStorage) {
      localStorage.setItem(key, value);
    } else {
      data[key] = value;
    }
  }

  getItem(key) {
    if (hasLocalStorage) {
      return localStorage.getItem(key);
    }
    return data[key];
  }

  removeItem(key) {
    if (hasLocalStorage) {
      localStorage.removeItem(key);
    } else {
      data[key] = null;
    }
  }
}

const storageUtilities = new StorageUtilities();

export default storageUtilities;

Actually it was Private mode. Looks like it is enabled by default on new iphones.