檢查HTML 5 localStorage

Question

如何檢查用戶瀏覽器的HTML 5 localStorage兼容性？

我已經使用兩項檢查是：

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

和

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

而且，我已經看到了功能的在線它使用一個try/catch塊來檢查localStorage的是否可以添加一個鍵/數據對，或者拋出錯誤。

您推薦哪三種方法，第一種和第二種方法有什麼不同？

Answer 1

@MathiasBynens已經撰寫了有關這個好文章，比較不同的方法：

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

Answer 2

以下是localstorage

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

代碼Modernizr使用IMO這是相當多的，以檢查它的推薦方式。

Answer 3

兩者是等同的位置。首先是更短，因此更方便。例如，在MDN code中使用此方法來添加使用Cookie的localStorage模仿。