javascript - 检查 HTML 5 localStorage

Question

如何检查用户浏览器的 HTML 5 localStorage 兼容性？

我一直在使用两种支票:

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

和

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

另外，我在网上看到一个函数，它使用 try/catch block 来检查 localStorage 是否可以添加键/数据对，或者抛出错误。

您会推荐这三种方法中的哪一种，第一种和第二种之间有什么区别？

Answer 1

下面是代码Modernizr ( code ) 用于 localstorage

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

IMO 这几乎是推荐的检查方法。