localStorage在无痕模式下被禁用的问题

在移动web开发中，经常会使用到localStorage去缓存一些数据，一般情况下，我们只需要按照下面的代码去使用就不会有 问题。

if(window.localStorage){

    localStorage.setItem('key','value'); 

}

但只是这样判断是不够的，现在的一些浏览器有一种功能叫无痕浏览，顾名思义，就是用户在浏览网页的过程中什么都不缓存， 什么也不记录，不留下痕迹。

自然地，localStorage也被禁用了。但此时window.localStorage并不是null，它还是原来的localStorage对象，只不过 这个对象的方法被禁用了。如果单纯只按上面的方法判断，js会抛出异常。

所以得用下面的代码去判断这个localStorage是否可用

1. var storageTest = function(storage){ 
2.     if(!!storage){ 
3.         try { 
4.             storage.setItem("key", "value"); 
5.             storage.removeItem("key"); 
6.             return true; 
7.         } catch(e){ 
8.             return false; 
9.         } 
10.     }else{ 
11.         return false; 
12.     } 
13. } 
14.  
15. storageTest(window.localStorage); 
16. storageTest(window.sessionStorage); 

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索对象
， 缓存
， return
， window
， localstorage
， storage
， localstorage缓存
localstorage使用
localstorage无痕模式、禁用localstorage、localstorage、localstorage 清空、html5 localstorage，以便于您获取更多的相关知识。