Проверьте для HTML 5 localStorage

Question

Как проверить совместимость HTML 5 localStorage браузера пользователя?

Я использовал две проверки:

    if (window.localStorage) {
       // localStorage works!
    }

и

    if (typeof(localStorage) != 'undefined') {
         // localStorage works!
    }

Кроме того, я видел онлайн функцию, которая использует блок try / catch для проверкиlocalStorage может добавить пару ключ / данные или выдает ошибку.

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

Answer 1

Ниже приведен код Modernizr , используемый для localstorage

tests['localstorage'] = function() {
    try {
        localStorage.setItem(mod, mod);
        localStorage.removeItem(mod);
        return true;
    } catch(e) {
        return false;
    }
};

ИМО, это довольно рекомендуемый способ проверить его.

Answer 2

@ MathiasBynens написал хорошую статью об этом, сравнивая различные подходы:

http://mathiasbynens.be/notes/localstorage-pattern

Answer 3

Оба здесь эквивалентны.Сначала короче и поэтому удобнее.Этот метод используется, например, в код MDN для добавления localStorage имитации, использующей файлы cookie.