1. 程式人生 > >禁用cookie和私密瀏覽模式情況下localstorage需要注意的問題

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

拓展閱讀連結