Die Verwendung von LocalStorage auf dem iPhone mit iOS 7 löst diesen Fehler aus. Ich habe mich nach einem Resolvant umgesehen, aber da ich nicht einmal privat surfe, ist nichts relevant.

Ich verstehe nicht, warum localStorage in iOS 7 standardmäßig deaktiviert ist, aber es scheint so? Ich habe auch auf anderen Websites getestet, aber ohne Glück. Ich habe sogar versucht, es über diese Website zu testen: http://arty.name/localstorage.html , aber es scheint aus irgendeinem seltsamen Grund überhaupt nichts zu speichern.

Hat jemand das gleiche Problem gehabt, nur hat er Glück gehabt, es zu beheben? Soll ich meine Speichermethode wechseln?

Ich habe versucht, es zu debuggen, indem ich nur ein paar Zeilen mit Informationen gespeichert habe, aber ohne Erfolg. Ich habe die Standardfunktion localStorage.setItem()zum Speichern verwendet.

Dies kann auftreten, wenn sich Safari im privaten Modus befindet. Beim privaten Surfen ist lokaler Speicher überhaupt nicht verfügbar.

Eine Lösung besteht darin, den Benutzer zu warnen, dass die App einen nicht privaten Modus benötigt, um zu funktionieren.

UPDATE: Dies wurde in Safari 11 behoben , sodass das Verhalten jetzt mit anderen Browsern übereinstimmt.

Wie in anderen Antworten erwähnt, erhalten Sie den QuotaExceededError im privaten Safari-Browsermodus unter iOS und OS X immer, wenn localStorage.setItem(oder sessionStorage.setItem) aufgerufen wird.

Eine Lösung besteht darin , in jedem Verwendungsfall einen Try / Catch- oder Modernizr-Check durchzuführen setItem.

Wenn Sie jedoch einen Shim möchten, der diesen Fehler einfach global verhindert, um zu verhindern, dass der Rest Ihres JavaScript beschädigt wird, können Sie Folgendes verwenden:

https://gist.github.com/philfreo/68ea3cd980d72383c951

// Safari, in Private Browsing Mode, looks like it supports localStorage but all calls to setItem
// throw QuotaExceededError. We're going to detect this and just silently drop any calls to setItem
// to avoid the entire page breaking, without having to do a check at each usage of Storage.
if (typeof localStorage === 'object') {
    try {
        localStorage.setItem('localStorage', 1);
        localStorage.removeItem('localStorage');
    } catch (e) {
        Storage.prototype._setItem = Storage.prototype.setItem;
        Storage.prototype.setItem = function() {};
        alert('Your web browser does not support storing settings locally. In Safari, the most common cause of this is using "Private Browsing Mode". Some settings may not save or some features may not work properly for you.');
    }
}

Ich verwende diese einfache Funktion, die zurückgibt trueoder false, um die Verfügbarkeit von localStorage zu testen:

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

Jetzt können Sie die localStorage.setItem()Verfügbarkeit testen, bevor Sie sie verwenden. Beispiel:

if ( isLocalStorageNameSupported() ) {
    // can use localStorage.setItem('item','value')
} else {
    // can't use localStorage.setItem('item','value')
}

Ich habe zufällig das gleiche Problem in iOS 7 ausgeführt (bei einigen Geräten keine Simulatoren).

Es sieht so aus, als hätte Safari in iOS 7 ein niedrigeres Speicherkontingent, das anscheinend durch ein langes Verlaufsprotokoll erreicht wird.

Ich denke, die beste Vorgehensweise wird darin bestehen, die Ausnahme zu erwischen.

Das Modernizr-Projekt hat einen einfachen Patch. Sie sollten etwas Ähnliches ausprobieren: https://github.com/Modernizr/Modernizr/blob/master/feature-detects/storage/localstorage.js

Hier ist eine erweiterte Lösung, die auf der obigen Antwort von DrewT basiert und Cookies verwendet, wenn localStorage nicht verfügbar ist. Es verwendet Mozillas docCookies-Bibliothek :

function localStorageGet( pKey ) {
    if( localStorageSupported() ) {
        return localStorage[pKey];
    } else {
        return docCookies.getItem( 'localstorage.'+pKey );
    }
}

function localStorageSet( pKey, pValue ) {
    if( localStorageSupported() ) {
        localStorage[pKey] = pValue;
    } else {
        docCookies.setItem( 'localstorage.'+pKey, pValue );
    }
}

// global to cache value
var gStorageSupported = undefined;
function localStorageSupported() {
    var testKey = 'test', storage = window.sessionStorage;
    if( gStorageSupported === undefined ) {
        try {
            storage.setItem(testKey, '1');
            storage.removeItem(testKey);
            gStorageSupported = true;
        } catch (error) {
            gStorageSupported = false;
        }
    }
    return gStorageSupported;
}

Verwenden Sie in Ihrer Quelle einfach:

localStorageSet( 'foobar', 'yes' );
...
var foo = localStorageGet( 'foobar' );
...

Wie bereits in anderen Antworten erläutert, löst Safari im privaten Browsermodus diese Ausnahme immer aus , wenn versucht wird, Daten mit zu speichern localStorage.setItem().

Um dies zu beheben, habe ich einen gefälschten localStorage geschrieben, der localStorage nachahmt, sowohl Methoden als auch Ereignisse.

Gefälschter localStorage: https://gist.github.com/engelfrost/fd707819658f72b42f55

Dies ist wahrscheinlich keine gute allgemeine Lösung für das Problem. Dies war eine gute Lösung für mein Szenario, in dem die Alternative darin besteht, eine bereits vorhandene Anwendung grundlegend neu zu schreiben.

Update (01.11.2016)

Ich habe AmplifyJS verwendet, um dieses Problem zu umgehen. Bei Safari in Private Browsing wurde jedoch auf einen speicherbasierten Speicher zurückgegriffen. In meinem Fall war dies nicht angemessen, da der Speicher beim Aktualisieren gelöscht wird, auch wenn sich der Benutzer noch im privaten Browser befindet.

Außerdem habe ich eine Reihe von Benutzern bemerkt, die unter iOS Safari immer im privaten Modus surfen. Aus diesem Grund ist es für Safari ein besserer Fallback, Cookies zu verwenden (falls verfügbar). Standardmäßig sind Cookies auch beim privaten Surfen weiterhin verfügbar. Natürlich werden sie beim Verlassen des privaten Browsings gelöscht, aber beim Aktualisieren werden sie nicht gelöscht.

Ich habe die lokale Speicher-Fallback- Bibliothek gefunden. Aus der Dokumentation:

Zweck

Bei Browsereinstellungen wie "Private Browsing" ist es selbst in neueren Browsern zu einem Problem geworden, sich auf ein funktionierendes window.localStorage zu verlassen. Auch wenn es möglicherweise vorhanden ist, werden beim Versuch, setItem oder getItem zu verwenden, Ausnahmen ausgelöst. Dieses Modul führt entsprechende Überprüfungen durch, um festzustellen, welcher Browserspeichermechanismus möglicherweise verfügbar ist, und macht ihn dann verfügbar. Es verwendet dieselbe API wie localStorage, daher sollte es in den meisten Fällen als Drop-In-Ersatz fungieren.

Vorsicht vor den Fallstricken:

• CookieStorage hat Speicherbeschränkungen. Sei hier vorsichtig.
• MemoryStorage bleibt zwischen dem Laden der Seite nicht bestehen. Dies ist mehr oder weniger eine Lücke, um Seitenabstürze zu verhindern, kann jedoch für Websites ausreichen, die keine vollständigen Seitenladevorgänge ausführen.

TL; DR:

Verwenden Sie Local-Storage-Fallback (einheitliche API mit .getItem(prop)und .setItem(prop, val)):

Überprüfen und verwenden Sie den entsprechenden Speicheradapter für den Browser (localStorage, sessionStorage, Cookies, Speicher).

Ursprüngliche Antwort

Eine mögliche Problemumgehung besteht darin, die Speichermethode zu ändern, um frühere Antworten zu ergänzen. Es gibt einige Bibliotheken wie AmplifyJS und PersistJS, die helfen können. Beide Bibliotheken ermöglichen dauerhaften clientseitigen Speicher über mehrere Backends.

Für AmplifyJS

lokaler Speicher

• IE 8+
• Firefox 3.5+
• Safari 4+
• Chrom
• Opera 10.5+
• iPhone 2+
• Android 2+

sessionStorage

• IE 8+
• Firefox 2+
• Safari 4+
• Chrom
• Opera 10.5+
• iPhone 2+
• Android 2+

globalStorage

• Firefox 2+

Benutzerdaten

• IE 5 - 7
• userData existiert auch in neueren Versionen von IE, aber aufgrund von Macken in der Implementierung von IE 9 registrieren wir userData nicht, wenn localStorage unterstützt wird.

Erinnerung

• Ein speicherinterner Speicher wird als Fallback bereitgestellt, wenn keiner der anderen Speichertypen verfügbar ist.

Für PersistentJS

• Flash: Dauerhafter Flash 8-Speicher.
• Zahnräder: Google Gears-basierter persistenter Speicher.
• localstorage: HTML5-Entwurfsspeicher.
• globalstorage: HTML5-Entwurfsspeicher (alte Spezifikation).
• dh: Verhalten der Internet Explorer-Benutzerdaten.
• Cookie: Cookie-basierter persistenter Speicher.

Sie bieten eine Abstraktionsschicht, sodass Sie sich keine Gedanken über die Auswahl des Speichertyps machen müssen. Beachten Sie jedoch, dass es je nach Speichertyp einige Einschränkungen (z. B. Größenbeschränkungen) geben kann. Im Moment verwende ich AmplifyJS, aber ich muss noch einige Tests unter iOS 7 / Safari / etc. Durchführen. um zu sehen, ob es das Problem tatsächlich löst.

Im April 2017 wurde ein Patch in Safari zusammengeführt, sodass er mit den anderen Browsern übereinstimmt. Dies wurde mit Safari 11 veröffentlicht.

https://bugs.webkit.org/show_bug.cgi?id=157010

Diese Frage und Antwort hat mir geholfen, ein bestimmtes Problem bei der Anmeldung neuer Benutzer in Parse zu lösen.

Da die Funktion signUp (attrs, options) lokalen Speicher verwendet, um die Sitzung beizubehalten, wird im privaten Browsermodus ein Benutzer mit der Meldung "QuotaExceededError: DOM-Ausnahme 22: Es wurde versucht, dem Speicher etwas hinzuzufügen, das das Kontingent überschreitet". Ausnahme und die Erfolgs- / Fehlerfunktionen werden niemals aufgerufen.

In meinem Fall schien es, da die Fehlerfunktion nie aufgerufen wird, zunächst ein Problem beim Auslösen des Klickereignisses beim Senden oder der Weiterleitung zu sein, die bei erfolgreichem Anmelden definiert wurde.

Das Hinzufügen einer Warnung für Benutzer hat das Problem behoben.

Analysieren Sie die Javascript SDK-Referenz https://parse.com/docs/js/api/classes/Parse.User.html#methods_signUp

Registriert einen neuen Benutzer mit einem Benutzernamen (oder einer E-Mail) und einem Passwort. Dadurch wird ein neuer Parse.User auf dem Server erstellt und die Sitzung in localStorage beibehalten, sodass Sie über {@link #current} auf den Benutzer zugreifen können.