禁用cookie和私密浏览模式情况下localstorage需要注意的问题

localstorage是html5新增的一个功能,用于本地存储。主要解决cookie存储量小的问题,官方建议每个网站最多存储5M大小。

localstorage相关的函数: cookieEnabled

移动端在使用localstorage需要注意下面几个问题:

禁用cookie

iphone可以在设置-》safari-》接受cookie-》永不


ipad 的设置同iphone


如果程序中没有判断是否支持localstorage的话,一般情况下直接使用相关函数会报错。

建议在使用localstorage函数之前,首先做一下判断。

判断的方法有两种:一种使用window.localstorage直接判断,另一钟使用navigator.cookieEnabled判断


设置为私密浏览模式


iphone 设置如下:新点击一个tab页面,点击左下方的私密浏览


ipad设置如下:设置-》safari-》点击私密浏览


设置成功后,ipad浏览器会变成黑颜色。


这种情况下一般不容易被注意到。无痕模式是指不记录用户操作产生的数据,比如cookie,表单信息,还有就是localstorage等信息。

私密浏览模式下,读取localstorage里面存储的数据,是没有问题。但是一旦写入数据,就会报错。

这种模式下:写入数据之前,要做一个判断,具体如下

function isSecretBrowse(){
    var _localStorage = window.localStorage;
    if(!_localStorage){
    	return false;
    }
    var testKey = 'test';
    try{
        _localStorage.setItem(testKey, '1');
        _localStorage.removeItem(testKey);
        return false;
    }catch (error){
		return true;
    }
}	

拓展阅读链接

1. localstorage error in safari

2.Iphone localStorage “QUOTA_EXCEEDED_ERR” issue



展开阅读全文

没有更多推荐了,返回首页