檢查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!'); 
} 
} 

Answer 1

使用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/

Answer 2

我檢查localStorage之前依賴於它的任何行動定義：

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

UPDATE：

如果您需要驗證該功能是存在的，它也沒有關閉，你必須使用更安全的方法。爲了萬無一失：

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 
} 

Answer 3

使用此檢查localStorage的設置與否。它幫助你獲得Localstorage的狀態。

if(window.localStorage.fullName !== undefined){ 

      //action 
    }else{ 
      } 

Answer 4

修改Joe的添加getter的答案使其更易於使用。隨着下面你乾脆說：if(ls)...

Object.defineProperty(this, "ls", { 
    get: function() { 
    var test = 'test'; 
    try { 
     localStorage.setItem(test, test); 
     localStorage.removeItem(test); 
     return true; 
    } catch(e) { 
     return false; 
    } 
    } 
}); 

Answer 5

下面是一個簡單的檢查：

if(typeof localStorage === 'undefined'){

Answer 6

功能檢測本地存儲是棘手的。你需要真正涉足它。原因在於Safari選擇在私人模式下提供功能localStorage對象，但其配額設置爲零。這意味着雖然所有簡單功能檢測都會通過，但任何對localStorage.setItem的調用都會引發異常。

Mozilla在Web Storage API上的Developer Network條目有一個dedicated section on feature detecting local storage。下面是該網頁推薦的方法：

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，您可以用搶storage-available

npm install -S storage-available 

然後使用如下功能：

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

免責聲明：MDN和NPM軟件包的文檔部分均由我撰寫。

Answer 7

使用此功能，您可以檢查本地存儲是否可用，並且您可以控制可能出現的異常。

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; 
    } 
}