HTML 5を確認するlocalStorage

Question

ユーザーブラウザのHTML 5 localStorageの可用性をチェックするにはどうすればよいですか？

私は2つのチェック使用されています：

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

。また

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

を、私はのlocalStorageは、/キーを追加できるかどうかを確認するためにtry/catchブロックを使用する関数のオンラインを見てきましたデータペア、またはエラーをスローします。

これら3つの方法のどれをお勧めしますか？1番目と2番目の方法の間に違いはありますか？

Answer 1

@MathiasBynensは異なるアプローチを比較し、これについての素晴らしい記事を書いています：

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

Answer 2

次のコードModernizrがlocalstorage

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

のために使用していますIMOこれはかなりそれをチェックするための推奨方法です。

Answer 3

の両方がここに等価です。最初は短く、したがってより便利です。このメソッドは、例えば、MDN codeに、クッキーを使用するlocalStorage模倣を追加するために使用されます。