移动端浏览器隐私模式/无痕模式使用本地存储localStorage/sessionStorage的问题

2019独角兽企业重金招聘Python工程师标准>>>

开发H5 webapp时经常需要使用本地存储，如localStorage和sessionStorage存储一些数据，相比最多能存4k的cookie相比，用起来很好用。但是localStorage在iOS Safari、chrome和UC浏览器中的隐私模式（也叫无痕模式）下无法使用，手机Safari浏览器中具体表现是：

localStorage对象仍然存在
但是setItem会报异常：QuotaExceededError
getItem和removeItem直接忽略

Safari中控制台截图

判断浏览器是否支持localStorage的方法:

function isLocalStorageSupported() {var testKey = 'test',storage = window.sessionStorage;try {storage.setItem(testKey, 'testValue');storage.removeItem(testKey);return true;} catch (error) {return false;}
}

转载于:https://my.oschina.net/jamesview/blog/2252926

移动端浏览器隐私模式/无痕模式使用本地存储localStorage/sessionStorage的问题相关推荐

QQ浏览器如何启用无痕模式
我们在日常浏览网页的时候总会留下浏览记录,同时会产生网页缓存,而别有用心之人就可以通过这些信息窥探到我们的隐私甚至威胁到我们的财产安全,而QQ浏览器为了防止产生浏览记录和网页缓存特地制作了无痕模式,那 ...
访客模式无痕模式区别_模式：访客模式
访客模式无痕模式区别问候, 这周我们放开所有代数的内容,然后集中精力面向对象编程的全部内容. Java声称支持OO,因此为什么不使用它? 在本周的文章中,我们将讨论一下何时以及为什么要应用 ...
访客模式无痕模式区别_旧访客设计模式的新生活
访客模式无痕模式区别介绍访客 [1.2]是众所周知的经典设计模式. 有很多资源对其进行了详细说明. 在不深入研究实现的情况下,我将简要提醒一下该模式的概念,解释其优点和缺点,并提出一些可以使用 ...
访客模式无痕模式区别_访客设计模式示例
访客模式无痕模式区别本文是我们名为" Java设计模式 "的学院课程的一部分. 在本课程中,您将深入研究大量的设计模式,并了解如何在Java中实现和利用它们. 您将了解模式如 ...
访客模式无痕模式区别_访客设计模式
访客模式无痕模式区别我猜想很多人都知道来访者设计模式,这在<四人帮的设计模式:可重用的面向对象软件的元素>一书中有描述. 模式本身不是很复杂(随着许多设计模式的发展): 我很久以来就 ...
访客模式无痕模式区别_行为设计模式：访客
访客模式无痕模式区别行为设计模式的最后一个模式将是访客模式. 当我们希望能够在不更改类的情况下为对象结构的类定义新操作时,使用访问者模式. 想象一下执行对api的http请求的软件的场景. 大多 ...
关于safiry开启无痕浏览时本地存储的处理
在移动端做交互,我们经常会用到本地存储localstorage来存储变量.但是在safiry浏览器开启无痕浏览模式时,本地存储不管用了.那么是不是就不能行了呢.当然不是.除了localstorage和 ...
360安全浏览器怎么打开html,360安全浏览器如何使用无痕模式
360安全浏览器使用无痕模式的方法如下: 当在公用电脑上上网或者使用自己的电脑也不愿被别人看到自己的浏览记录时,就可以使用我们的无痕浏览.在无痕浏览的时候,不仅您的浏览历史记录不会被保存,Intern ...
浏览器本地存储-localStorage的介绍和使用
一.localStorage是什么? 在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作本地存储来的,解决了cookie占用带宽和存储空间不足的问题(cookie中每条co ...

移动端浏览器隐私模式/无痕模式使用本地存储localStorage/sessionStorage的问题

移动端浏览器隐私模式/无痕模式使用本地存储localStorage/sessionStorage的问题相关推荐

最新文章

热门文章