Jak wykryć, czy przeglądarka obsługuje pamięć lokalną HTML5

Poniższy kod ostrzega ls existw przeglądarce IE7:

if(window.localStorage) {
    alert('ls exists');
} else {
    alert('ls does not exist');
}

IE7 tak naprawdę nie obsługuje lokalnego przechowywania, ale nadal ostrzega, że ​​tak. Być może dzieje się tak, ponieważ używam IE9 w przeglądarce IE7 i trybach dokumentów za pomocą narzędzia programistycznego IE9. A może jest to po prostu niewłaściwy sposób sprawdzenia, czy LS jest obsługiwane. Jaka jest właściwa droga?

Nie chcę też używać Modernizr, ponieważ używam tylko kilku funkcji HTML5, a ładowanie dużego skryptu nie jest warte tylko wykrycia obsługi tych kilku rzeczy.

Nie musisz używać modernizr, ale możesz użyć ich metody, aby wykryć, czy localStoragejest obsługiwana

modernizr at github
test dlalocalStorage

// In FF4, if disabled, window.localStorage should === null.

// Normally, we could not test that directly and need to do a
//   `('localStorage' in window) && ` test first because otherwise Firefox will
//   throw bugzil.la/365772 if cookies are disabled

// Also in iOS5 & Safari Private Browsing mode, attempting to use localStorage.setItem
// will throw the exception:
//   QUOTA_EXCEEDED_ERRROR DOM Exception 22.
// Peculiarly, getItem and removeItem calls do not throw.

// Because we are forced to try/catch this, we'll go aggressive.

// Just FWIW: IE8 Compat mode supports these features completely:
//   www.quirksmode.org/dom/html5.html
// But IE8 doesn't support either with local files

Modernizr.addTest('localstorage', function() {
    var mod = 'modernizr';
    try {
        localStorage.setItem(mod, mod);
        localStorage.removeItem(mod);
        return true;
    } catch(e) {
        return false;
    }
});

zaktualizowany o aktualny kod źródłowy

if(typeof Storage !== "undefined")
  {
  // Yes! localStorage and sessionStorage support!
  // Some code.....
  }
else
  {
  // Sorry! No web storage support..
  }

Ta funkcja działa dobrze:

function supports_html5_storage(){
    try {
        return 'localStorage' in window && window['localStorage'] !== null;
    } catch(e) {
        return false;
    }
}

Źródło: www.diveintohtml5.info

Nie chcę też używać Modernizr, ponieważ używam tylko kilku funkcji HTML5, a ładowanie dużego skryptu nie jest warte tylko wykrycia obsługi tych kilku rzeczy.

Aby zmniejszyć rozmiar pliku Modernizr, dostosuj plik pod adresem http://modernizr.com/download/ do swoich potrzeb. Wersja programu Modernizr tylko do lokalnego magazynu ma rozmiar 1,55 KB.

Spróbuj window.localStorage!==undefined:

if(window.localStorage!==undefined){
    //Do something
}else{
    alert('Your browser is outdated!');
}

Możesz także użyć typeof window.localStorage!=="undefined" , ale powyższe oświadczenie już to robi

Nie widziałem tego w odpowiedziach, ale myślę, że dobrze jest wiedzieć, że do takich prostych testów można bez problemu użyć waniliowego JS lub jQuery, a chociaż Modernizr bardzo pomaga, to bez niego są czyste rozwiązania.

Jeśli używasz jQuery , możesz:

var _supportsLocalStorage = !!window.localStorage
    && $.isFunction(localStorage.getItem)
    && $.isFunction(localStorage.setItem)
    && $.isFunction(localStorage.removeItem);

Lub z czystym Vanilla JavaScript :

var _supportsLocalStorage = !!window.localStorage
    && typeof localStorage.getItem === 'function'
    && typeof localStorage.setItem === 'function'
    && typeof localStorage.removeItem === 'function';

Następnie wystarczy wykonać IF, aby przetestować wsparcie:

if (_supportsLocalStorage) {
    console.log('ls is supported');
    alert('ls is supported');
}

Cały pomysł polega na tym, że kiedykolwiek potrzebujesz funkcji JavaScript, najpierw przetestuj obiekt nadrzędny, a następnie metody, których używa twój kod.

Try catch załatwi sprawę:

    try{
       localStorage.setItem("name",name.value);
       localStorage.setItem("post",post.value);
       }
    catch(e){
       alert(e.message);    
       }

Próbować:

if(typeof window.localStorage != 'undefined') {
}

if (window.localStorage){

   alert('localStorage is supported');
   window.localStorage.setItem("whatever", "string value");

}

Modyfikacja odpowiedzi Andrei w celu dodania metody pobierającej ułatwia jej użycie. Poniżej po prostu powiesz:if(ls)...

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

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

function script(){
  if(ls){
    alert('Yes');
  } else {
    alert('No');
  }
}

<button onclick="script()">Local Storage Support?</button>

Wiem, że jestem trochę spóźniony na imprezę, ale mam kilka przydatnych funkcji, które przygotowałem i wrzuciłem do pliku o nazwie „manage_storage.js”. Mam nadzieję, że są dla was tak samo przydatne, jak dobrze mi służyły.

Pamiętaj: funkcja, której szukasz (która odpowiada na to pytanie) to isLclStorageAllowed.

Więc bez dalszych ceregieli, oto mój kod:

/* Conditional Function checks a web browser for 'session storage' support. [BEGIN] */

if (typeof isSessStorageAllowed !== 'function')
    {
        function isSessStorageAllowed()
            {
                if (!!window.sessionStorage && typeof sessionStorage.getItem === 'function' && typeof sessionStorage.setItem === 'function' && typeof sessionStorage.removeItem === 'function')
                    {
                        try
                            {
                                var cur_dt = new Date();
                                var cur_tm = cur_dt.getTime();
                                var ss_test_itm_key = 'ss_test_itm_' + String(cur_tm);
                                var ss_test_val = 'ss_test_val_' + String(cur_tm);

                                sessionStorage.setItem(ss_test_itm_key, String(ss_test_val));

                                if (sessionStorage.getItem(ss_test_itm_key) == String(ss_test_val))
                                    {
                                        return true;
                                    }
                                else
                                    {
                                        return false;
                                    };

                                sessionStorage.removeItem(ss_test_itm_key);
                            }
                        catch (exception)
                            {
                                return false;
                            };
                    }
                else
                    {
                        return false;
                    };
            };
    };

/* Conditional Function checks a web browser for 'session storage' support. [END] */

/* Conditional Function checks a web browser for 'local storage' support. [BEGIN] */

if (typeof isLclStorageAllowed !== 'function')
    {
        function isLclStorageAllowed()
            {
                if (!!window.localStorage && typeof localStorage.getItem === 'function' && typeof localStorage.setItem === 'function' && typeof localStorage.removeItem === 'function')
                    {
                        try
                            {
                                var cur_dt = new Date();
                                var cur_tm = cur_dt.getTime();
                                var ls_test_itm_key = 'ls_test_itm_' + String(cur_tm);
                                var ls_test_val = 'ls_test_val_' + String(cur_tm);

                                localStorage.setItem(ls_test_itm_key, String(ls_test_val));

                                if (localStorage.getItem(ls_test_itm_key) == String(ls_test_val))
                                    {
                                        return true;
                                    }
                                else
                                    {
                                        return false;
                                    };

                                localStorage.removeItem(ls_test_itm_key);
                            }
                        catch (exception)
                            {
                                return false;
                            };
                    }
                else
                    {
                        return false;
                    };
            };
    };

/* Conditional Function checks a web browser for 'local storage' support. [END] */

/* Conditional Function checks a web browser for 'web storage' support. [BEGIN] */

/* Prerequisites: 'isSessStorageAllowed()', 'isLclStorageAllowed()' */

if (typeof isWebStorageAllowed !== 'function')
    {
        function isWebStorageAllowed()
            {
                if (isSessStorageAllowed() === true && isLclStorageAllowed() === true)
                    {
                        return true;
                    }
                else
                    {
                        return false;
                    };
            };
    };

/* Conditional Function checks a web browser for 'web storage' support. [END] */