HTML 5 확인 localStorage

Question

사용자 브라우저의 HTML 5 localStorage 컴플라이언스를 확인하는 방법은 무엇입니까?

나는이 수표 사용하고 있습니다 :

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

하고 또한

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

을, 나는 로컬 스토리지가/키를 추가 할 수 있는지 여부를 확인하기 위해 try/catch 블록을 사용하는 기능을 온라인으로 보았다 데이터 쌍 또는 오류가 발생합니다.

어떤 세 가지 방법을 권하고 싶습니다. 첫 번째와 두 번째 사이에 어떤 차이점이 있습니까?

Answer 1

@MathiasBynens는 서로 다른 접근 방식을 비교, 이것에 대해 좋은 기사를 작성했습니다 :

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

Answer 2

다음은 IMO이 그것을 확인하기 위해 권장되는 방법은 꽤 많이 localstorage

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

에 대한 Modernizr 사용하는 코드입니다.

Answer 3

모두 여기에 해당됩니다. 첫째는 더 짧고 따라서 더 편리합니다. 이 방법은 쿠키를 사용하는 localStorage 모방을 추가하는 경우 예를 들어 MDN code에서 사용됩니다.