Проверьте, есть ли локальная хранилища

Question

Я знаю, что было много вопросов о проверке localStorage, но что, если кто-то вручную отключит его в своем браузере? Вот код, который я использую для проверки:

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

Простая функция, и она работает. Но если я войду в настройки Chrome и выберем опцию «Не сохранять данные» (я не помню точно, что она называется), когда я пытаюсь запустить эту функцию, я получаю только Uncaught Error: SecurityError: DOM Exception 18. Так есть ли способ проверить, полностью ли он отключен?

ОБНОВЛЕНИЕ: Это вторая функция, которую я пробовал, и я до сих пор не получил ответа (предупреждение).

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

Answer 1

Используйте подход modernizr «s (вы можете изменить свое имя функции к чему-то лучше):

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 
} 

Это не сжат, как и другие методы, но это потому, что он предназначен для обеспечения максимальной совместимости.

Оригинальный источник: https://github.com/Modernizr/Modernizr/blob/master/feature-detects/storage/localstorage.js

Рабочий пример: http://jsfiddle.net/6sm54/2/

Answer 2

Я бы проверить, что localStorage определяется до любого действия, которое зависит от него:

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

UPDATE:

Если вам нужно проверить, что эта функция есть и что он также не отключен, вам необходимо использовать более безопасный подход. Чтобы быть совершенно безопасным:

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 
} 

Answer 3

Используйте это, чтобы проверить LocalStorage установлен или нет. Это поможет вам получить статус Localstorage.

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

      //action 
    }else{ 
      } 

Answer 4

Изменение ответа Джо на добавление геттера упрощает его использование. С ниже вы просто сказать: 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; 
    } 
    } 
}); 

Answer 5

Вот простой проверка:

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

Answer 6

Функция обнаружения локального хранения сложно. Вы должны действительно дотянуться до него. Причиной этого является то, что Safari решил предложить функциональный объект localStorage, когда он находится в приватном режиме, , но с его установленной квотой. Это означает, что, хотя все простейшие функции обнаружения пройдут, любые вызовы localStorage.setItem вызовут исключение.

Сетевая запись разработчика Mozilla в API веб-хранилища имеет dedicated section on feature detecting local storage.Вот метод рекомендуется на этой странице:

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

А вот как вы бы использовать:

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

Если вы используете НПМ, вы можете захватить storage-available используя

npm install -S storage-available 

затем используйте такую ​​функцию:

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

Отказ от ответственности: Как раздел документации по MDN, так и пакет NPM были созданы мной.

Answer 7

С помощью этой функции вы можете проверить, доступен ли localstorage или нет, и вы контролируете возможные исключения.

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; 
    } 
}