检查 localStorage 是否可用

Question

我知道有很多关于检查 localStorage 的问题，但是如果有人在浏览器中手动将其关闭怎么办？这是我用来检查的代码：

 localStorage.setItem('mod', 'mod');
if (localStorage.getItem('mod') != null){
  alert ('yes');
  localStorage.removeItem('mod');
} else {
  alert ('no');
}

简单的功能，它的工作原理。但是，如果我进入我的 Chrome 设置并选择选项“不保存数据”（我不记得它到底叫什么），当我尝试运行此功能时，我除了 Uncaught Error: SecurityError: DOM Exception 18 什么也得不到。那么有没有办法检查这个人是否完全关闭了它？

更新：这是我尝试的第二个功能，但我仍然没有收到任何响应（警报）。

 try {
  localStorage.setItem('name', 'Hello World!');
} catch (e) {
  if (e == QUOTA_EXCEEDED_ERR) {
   alert('Quota exceeded!');
  }
}

原文由 user2025469 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

使用 modernizr 的方法：

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

if(isLocalStorageAvailable()){
    // available
}else{
    // unavailable
}

它不像其他方法那样简洁，但这是因为它旨在最大限度地提高兼容性。

原始出处： https ://github.com/Modernizr/Modernizr/blob/master/feature-detects/storage/localstorage.js

工作示例：http: //jsfiddle.net/6sm54/2/

原文由 Joe 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

我会检查 localStorage 是在依赖它的任何操作之前定义的：

 if (typeof localStorage !== 'undefined') {
    var x = localStorage.getItem('mod');
} else {
    // localStorage not defined
}

更新：

如果您需要验证该功能是否存在并且也没有关闭，则必须使用更安全的方法。为了绝对安全：

 if (typeof localStorage !== 'undefined') {
    try {
        localStorage.setItem('feature_test', 'yes');
        if (localStorage.getItem('feature_test') === 'yes') {
            localStorage.removeItem('feature_test');
            // localStorage is enabled
        } else {
            // localStorage is disabled
        }
    } catch(e) {
        // localStorage is disabled
    }
} else {
    // localStorage is not available
}

原文由 Frederik.L 发布，翻译遵循 CC BY-SA 3.0 许可协议