Überprüfen Sie, ob localStorage verfügbar ist

Ich weiß, es gab viele Fragen zum Überprüfen, localStorageaber was ist, wenn jemand es manuell in seinem Browser ausschaltet? Hier ist der Code, mit dem ich überprüfe:

localStorage.setItem('mod', 'mod');
if (localStorage.getItem('mod') != null){
  alert ('yes');
  localStorage.removeItem('mod');
} else {
  alert ('no');
}

Einfache Funktion und es funktioniert. Wenn ich jedoch in meine Chrome-Einstellungen gehe und die Option "Daten nicht speichern" wähle (ich erinnere mich nicht genau, wie sie heißt), erhalte ich beim Ausführen dieser Funktion nur Uncaught Error: SecurityError: DOM Exception 18. Gibt es also eine Möglichkeit zu überprüfen, ob die Person es vollständig ausgeschaltet hat?

UPDATE: Dies ist die zweite Funktion, die ich ausprobiert habe, und ich erhalte immer noch keine Antwort (Warnung).

try {
  localStorage.setItem('name', 'Hello World!');
} catch (e) {
  if (e == QUOTA_EXCEEDED_ERR) {
   alert('Quota exceeded!');
  }
}

Verwenden Sie modernizrden Ansatz von (vielleicht möchten Sie meinen Funktionsnamen in etwas Besseres ändern):

function lsTest(){
    var test = 'test';
    try {
        localStorage.setItem(test, test);
        localStorage.removeItem(test);
        return true;
    } catch(e) {
        return false;
    }
}

if(lsTest() === true){
    // available
}else{
    // unavailable
}

Es ist nicht so präzise wie andere Methoden, aber das liegt daran, dass es die Kompatibilität maximiert.

Die ursprüngliche Quelle: https://github.com/Modernizr/Modernizr/blob/master/feature-detects/storage/localstorage.js

Arbeitsbeispiel: http://jsfiddle.net/6sm54/2/

Ich würde überprüfen, ob dies localStoragedefiniert ist, bevor eine Aktion davon abhängt:

if (typeof localStorage !== 'undefined') {
    var x = localStorage.getItem('mod');
} else {
    // localStorage not defined
}

AKTUALISIEREN:

Wenn Sie überprüfen müssen, ob die Funktion vorhanden ist und auch nicht deaktiviert ist, müssen Sie einen sichereren Ansatz verwenden. Um ganz sicher zu gehen:

if (typeof localStorage !== 'undefined') {
    try {
        localStorage.setItem('feature_test', 'yes');
        if (localStorage.getItem('feature_test') === 'yes') {
            localStorage.removeItem('feature_test');
            // localStorage is enabled
        } else {
            // localStorage is disabled
        }
    } catch(e) {
        // localStorage is disabled
    }
} else {
    // localStorage is not available
}

Das Erkennen von lokalem Speicher mit Funktionen ist schwierig. Sie müssen tatsächlich hinein greifen. Der Grund dafür ist, dass Safari beschlossen hat, ein Funktionsobjekt localStorageim privaten Modus anzubieten , dessen Quotum jedoch auf Null gesetzt ist . Dies bedeutet, dass, obwohl alle einfachen Funktionserkennungen erfolgreich sind, alle Aufrufe von localStorage.setItemeine Ausnahme auslösen.

Der Mozilla Developer Network-Eintrag in den Web Storage-APIs enthält einen eigenen Abschnitt zum Erkennen von lokalem Speicher . Hier ist die auf dieser Seite empfohlene Methode:

function storageAvailable(type) {
    try {
        var storage = window[type],
            x = '__storage_test__';
        storage.setItem(x, x);
        storage.removeItem(x);
        return true;
    }
    catch(e) {
        return false;
    }
}

Und so würden Sie es verwenden:

if (storageAvailable('localStorage')) {
    // Yippee! We can use localStorage awesomeness
}
else {
    // Too bad, no localStorage for us
}

Wenn Sie NPM verwenden, können Sie greifen Speicher verfügbar mit

npm install -S storage-available

Verwenden Sie dann die folgende Funktion:

if (require('storage-available')('localStorage')) {
    // Yippee! We can use localStorage awesomeness
}

Haftungsausschluss : Sowohl der Dokumentationsabschnitt zu MDN als auch das NPM-Paket wurden von mir verfasst.

MDN hat die Speichererkennungsfunktion aktualisiert . Im Jahr 2018 ist es zuverlässiger:

function storageAvailable() {
    try {
        var storage = window['localStorage'],
            x = '__storage_test__';
        storage.setItem(x, x);
        storage.removeItem(x);
        return true;
    }
    catch(e) {
        return e instanceof DOMException && (
            // everything except Firefox
            e.code === 22 ||
            // Firefox
            e.code === 1014 ||
            // test name field too, because code might not be present
            // everything except Firefox
            e.name === 'QuotaExceededError' ||
            // Firefox
            e.name === 'NS_ERROR_DOM_QUOTA_REACHED') &&
            // acknowledge QuotaExceededError only if there's something already stored
            storage && storage.length !== 0;
    }
}

Browser, die localStorage unterstützen, haben eine Eigenschaft für das Fensterobjekt mit dem Namen localStorage. Aus verschiedenen Gründen kann es jedoch Ausnahmen geben, wenn nur behauptet wird, dass eine Eigenschaft vorhanden ist. Wenn es existiert, ist dies immer noch keine Garantie dafür, dass localStorage tatsächlich verfügbar ist, da verschiedene Browser Einstellungen anbieten, die localStorage deaktivieren. So ein Browser kann unterstützen local, aber nicht machen verfügbar zu den Skripts auf der Seite. Ein Beispiel hierfür ist Safari, bei dem im privaten Browsermodus ein leeres localStorage-Objekt mit einem Kontingent von Null angezeigt wird, wodurch es effektiv unbrauchbar wird. Möglicherweise erhalten wir jedoch weiterhin einen legitimen QuotaExceededError. Dies bedeutet nur, dass wir den gesamten verfügbaren Speicherplatz verbraucht haben, der Speicher jedoch tatsächlich verfügbar ist . Unsere Feature-Erkennung sollte diese Szenarien berücksichtigen.

Hier finden Sie eine kurze Historie zur Erkennung von Merkmalen localStorage .

Mit dieser Funktion können Sie prüfen, ob localstorage verfügbar ist oder nicht, und die möglichen Ausnahmen unter Kontrolle halten.

function isLocalStorageAvailable() {

    try {
        var valueToStore = 'test';
        var mykey = 'key';
        localStorage.setItem(mykey, valueToStore);
        var recoveredValue = localStorage.getItem(mykey);
        localStorage.removeItem(mykey);

        return recoveredValue === valueToStore;
    } catch(e) {
        return false;
    }
}

Das Ändern von Joes Antwort, um einen Getter hinzuzufügen, erleichtert die Verwendung. Mit dem Folgenden sagen Sie einfach:if(ls)...

Object.defineProperty(this, "ls", {
  get: function () { 
    var test = 'test';
    try {
      localStorage.setItem(test, test);
      localStorage.removeItem(test);
      return true;
    } catch(e) {
      return false;
    }
  }
});

Hier ist eine einfache Überprüfung:

if(typeof localStorage === 'undefined'){

Verwenden Sie diese Option, um zu überprüfen, ob localStorage festgelegt ist oder nicht. Es hilft Ihnen, den Status von Localstorage zu erhalten.

    if( window.localStorage.fullName !== undefined){

           //action
   }else{
          }