html5 localStorage-Fehler mit Safari: "QUOTA_EXCEEDED_ERR: DOM-Ausnahme 22: Es wurde versucht, etwas zum Speicher hinzuzufügen, der das Kontingent überschritten hat."

Den fix gepostet, der auf obigen link funktionierte nicht für mich. Dies Tat:

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

Abgeleitet von http://m.cg/post/13095478393/detect-private-browsing-mode-in-mobile-safari-on-ios5

InformationsquelleAutor der Antwort cyberwombat

In meinem Rahmen, nur entwickelt eine Klasse Abstraktion.
Wenn meine Anwendung gestartet wird, prüfe ich, ob localStorage arbeitet durch den Aufruf getStorage(). Auch diese Funktion zurück :

• entweder localStorage wenn localStorage arbeitet
• oder eine Implementierung einer benutzerdefinierten Klasse LocalStorageAlternative

In meinem code, den ich nie nennen localStorage direkt. Ich nenne cusStoGlobale var, die ich hatte, initialisiert durch den Aufruf getStorage().

Diese Weise, es funktioniert mit private-browsing oder spezifische Safari-Versionen

function getStorage() {

    var storageImpl;

     try { 
        localStorage.setItem("storage", ""); 
        localStorage.removeItem("storage");
        storageImpl = localStorage;
     }
     catch (err) { 
         storageImpl = new LocalStorageAlternative();
     }

    return storageImpl;

}

function LocalStorageAlternative() {

    var structureLocalStorage = {};

    this.setItem = function (key, value) {
        structureLocalStorage[key] = value;
    }

    this.getItem = function (key) {
        if(typeof structureLocalStorage[key] != 'undefined' ) {
            return structureLocalStorage[key];
        }
        else {
            return null;
        }
    }

    this.removeItem = function (key) {
        structureLocalStorage[key] = undefined;
    }
}

cusSto = getStorage();

InformationsquelleAutor der Antwort Pierre Le Roux

Ich hatte das gleiche problem mit dem Ionic framework (Angular + Cordova). Ich weiß, das das problem nicht lösen, aber es ist der code für Angular Apps basierend auf den oben genannten Antworten. Haben Sie eine kurzlebige Lösung für localStorage auf die iOS-version von Safari.

Hier ist der code:

angular.module('myApp.factories', [])
.factory('$fakeStorage', [
    function(){
        function FakeStorage() {};
        FakeStorage.prototype.setItem = function (key, value) {
            this[key] = value;
        };
        FakeStorage.prototype.getItem = function (key) {
            return typeof this[key] == 'undefined' ? null : this[key];
        }
        FakeStorage.prototype.removeItem = function (key) {
            this[key] = undefined;
        };
        FakeStorage.prototype.clear = function(){
            for (var key in this) {
                if( this.hasOwnProperty(key) )
                {
                    this.removeItem(key);
                }
            }
        };
        FakeStorage.prototype.key = function(index){
            return Object.keys(this)[index];
        };
        return new FakeStorage();
    }
])
.factory('$localstorage', [
    '$window', '$fakeStorage',
    function($window, $fakeStorage) {
        function isStorageSupported(storageName) 
        {
            var testKey = 'test',
                storage = $window[storageName];
            try
            {
                storage.setItem(testKey, '1');
                storage.removeItem(testKey);
                return true;
            } 
            catch (error) 
            {
                return false;
            }
        }
        var storage = isStorageSupported('localStorage') ? $window.localStorage : $fakeStorage;
        return {
            set: function(key, value) {
                storage.setItem(key, value);
            },
            get: function(key, defaultValue) {
                return storage.getItem(key) || defaultValue;
            },
            setObject: function(key, value) {
                storage.setItem(key, JSON.stringify(value));
            },
            getObject: function(key) {
                return JSON.parse(storage.getItem(key) || '{}');
            },
            remove: function(key){
                storage.removeItem(key);
            },
            clear: function() {
                storage.clear();
            },
            key: function(index){
                storage.key(index);
            }
        }
    }
]);

Quelle: https://gist.github.com/jorgecasar/61fda6590dc2bb17e871

Genießen Sie Ihre Codierung!

InformationsquelleAutor der Antwort jorgecasar

Ich schuf diese repo zu bieten sessionStorage und localStorage Funktionen für nicht unterstützte oder deaktiviert Browser.

Unterstützte Browser

• IE5+
• Chrome alle Versionen
• Mozilla alle Versionen
• Yandex alle Versionen

, Wie es funktioniert

Erkennt es das feature mit dem storage-Typ.

function(type) {
    var testKey = '__isSupported',
        storage = window[type];
    try {
        storage.setItem(testKey, '1');
        storage.removeItem(testKey);
        return true;
    } catch (error) {
        return false;
    }
};

Setzt StorageService.localStorage zu window.localStorage wenn es unterstützt wird oder erstellt eine cookie-Speicherung.
Setzt StorageService.sessionStorage zu window.sessionStorage wenn es unterstützt wird oder erstellt eine in-memory-storage für SPA -, cookie-Speicher mit sesion Funktionen für nicht-SPA.

InformationsquelleAutor der Antwort Ahmet Can Güven

Dem folgenden script gelöst mein problem:

//Fake localStorage implementation. 
//Mimics localStorage, including events. 
//It will work just like localStorage, except for the persistant storage part. 

var fakeLocalStorage = function() {
  var fakeLocalStorage = {};
  var storage; 

  //If Storage exists we modify it to write to our fakeLocalStorage object instead. 
  //If Storage does not exist we create an empty object. 
  if (window.Storage && window.localStorage) {
    storage = window.Storage.prototype; 
  } else {
    //We don't bother implementing a fake Storage object
    window.localStorage = {}; 
    storage = window.localStorage; 
  }

  //For older IE
  if (!window.location.origin) {
    window.location.origin = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ':' + window.location.port: '');
  }

  var dispatchStorageEvent = function(key, newValue) {
    var oldValue = (key == null) ? null : storage.getItem(key); //`==` to match both null and undefined
    var url = location.href.substr(location.origin.length);
    var storageEvent = document.createEvent('StorageEvent'); //For IE, http://stackoverflow.com/a/25514935/1214183

    storageEvent.initStorageEvent('storage', false, false, key, oldValue, newValue, url, null);
    window.dispatchEvent(storageEvent);
  };

  storage.key = function(i) {
    var key = Object.keys(fakeLocalStorage)[i];
    return typeof key === 'string' ? key : null;
  };

  storage.getItem = function(key) {
    return typeof fakeLocalStorage[key] === 'string' ? fakeLocalStorage[key] : null;
  };

  storage.setItem = function(key, value) {
    dispatchStorageEvent(key, value);
    fakeLocalStorage[key] = String(value);
  };

  storage.removeItem = function(key) {
    dispatchStorageEvent(key, null);
    delete fakeLocalStorage[key];
  };

  storage.clear = function() {
    dispatchStorageEvent(null, null);
    fakeLocalStorage = {};
  };
};

//Example of how to use it
if (typeof window.localStorage === 'object') {
  //Safari will throw a fit if we try to use localStorage.setItem in private browsing mode. 
  try {
    localStorage.setItem('localStorageTest', 1);
    localStorage.removeItem('localStorageTest');
  } catch (e) {
    fakeLocalStorage();
  }
} else {
  //Use fake localStorage for any browser that does not support it.
  fakeLocalStorage();
}

Prüft Sie, ob localStorage vorhanden ist und verwendet werden kann, und im negativen Fall, Sie schafft eine gefälschte lokalen Speicher und verwendet es anstelle des original - "localStorage".
Bitte lassen Sie mich wissen, wenn Sie weitere Informationen benötigen.

InformationsquelleAutor der Antwort Bogdan Mates