使用modernizr的方法（您可能希望将我的函数名称更改为更好的名称）：

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

if(lsTest() === true){
    // available
}else{
    // unavailable
}

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

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

工作示例：http : //jsfiddle.net/6sm54/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
}

特征检测本地存储很棘手。你需要真正接触它。这样做的原因是 Safari 选择localStorage在私有模式下提供一个功能对象，但它的配额设置为零。这意味着尽管所有简单的功能检测都会通过，但任何调用localStorage.setItem都会抛出异常。

Mozilla 的 Web Storage API 上的 Developer Network 条目有一个关于功能检测本地存储的专门部分。这是该页面上推荐的方法：

function storageAvailable(type) {
    try {
        var storage = window[type],
            x = '__storage_test__';
        storage.setItem(x, x);
        storage.removeItem(x);
        return true;
    }
    catch(e) {
        return false;
    }
}

这是您将如何使用它：

if (storageAvailable('localStorage')) {
    // Yippee! We can use localStorage awesomeness
}
else {
    // Too bad, no localStorage for us
}

如果您使用NPM，你可以抓住存储提供使用

npm install -S storage-available

然后像这样使用函数：

if (require('storage-available')('localStorage')) {
    // Yippee! We can use localStorage awesomeness
}

免责声明：关于 MDN 和 NPM 包的文档部分都是由我创作的。

MDN更新了存储检测功能。在 2018 年，它更可靠：

function storageAvailable() {
    try {
        var storage = window['localStorage'],
            x = '__storage_test__';
        storage.setItem(x, x);
        storage.removeItem(x);
        return true;
    }
    catch(e) {
        return e instanceof DOMException && (
            // everything except Firefox
            e.code === 22 ||
            // Firefox
            e.code === 1014 ||
            // test name field too, because code might not be present
            // everything except Firefox
            e.name === 'QuotaExceededError' ||
            // Firefox
            e.name === 'NS_ERROR_DOM_QUOTA_REACHED') &&
            // acknowledge QuotaExceededError only if there's something already stored
            storage && storage.length !== 0;
    }
}

支持 localStorage 的浏览器将在名为 localStorage 的窗口对象上有一个属性。但是，由于各种原因，仅仅断言属性存在可能会引发异常。如果确实存在，那仍然不能保证 localStorage 实际上可用，因为各种浏览器提供禁用 localStorage 的设置。因此，浏览器可能支持localStorage，但不使其可用于页面上的脚本。一个例子是 Safari，它在隐私浏览模式下为我们提供了一个空的 localStorage 对象，其配额为零，实际上使其无法使用。但是，我们可能仍然会得到一个合法的 QuotaExceededError，这仅意味着我们已经用完了所有可用的存储空间，但存储实际上是可用的. 我们的特征检测应该考虑到这些场景。

有关特征检测 localStorage的简要历史，请参见此处。

使用此功能，您可以检查 localstorage 是否可用，并控制可能出现的异常。

function isLocalStorageAvailable() {

    try {
        var valueToStore = 'test';
        var mykey = 'key';
        localStorage.setItem(mykey, valueToStore);
        var recoveredValue = localStorage.getItem(mykey);
        localStorage.removeItem(mykey);

        return recoveredValue === valueToStore;
    } catch(e) {
        return false;
    }
}