sessionStorage 移動端相容問題

2022-09-02 17:42:09 字數 575 閱讀 4052

開發移動端專案,需要前端頁面儲存一些使用者資料是乙個常見的功能,sessionstorage和localstorage就是常用的選擇,最近移動端專案用到sessionstorage時遇到一些問題,

(如:vivo手機自帶瀏覽器)問題如下:

a.html頁面記錄一條資料,

sessionstorage.setitem("data","123");

b.html頁面獲取資料

sessionstorage.getitem("data");//結果為null;

測試結果:其實並不是這個瀏覽器不支援sessionstorage,因為還能獲取到window.sessionstorage這個物件,sessionstorage是乙個會話級別的儲存,有些瀏覽器在跳轉的時候是系統開啟了乙個新的webview,把原來的關了,也就相當於在瀏覽器開啟了乙個新的視窗。這樣就和sessionstorage原理衝突了,自然在新的頁面就獲取不到了;

由於業務邏輯需求,我還是選擇了sessionstorage;我的解決辦法是先存到localstorage; 用localstorage做了乙個過渡,新的頁面window.localstorage.clear();

sessionStorage (會話儲存)

sessionstorage 會話儲存 儲存乙個陣列 sessionstorage.setitem user user 然後按照慣例取出來sessionstorage.getitem user 然後確取不到值?再三確認,列印還是返回 object object 這麼個。原來如果想要儲存物件的話必須先...

sessionStorage 基本使用

sessionstorage 是瀏覽器資料儲存的方法之一,用於臨時儲存同一視窗的資料,關閉視窗後sessionstorage 的資料將會不存在,它是以 key value 鍵值對的形式儲存。基本用法 存值sessionstorage.test 1212 取值 刪除sessionstorage.rem...

sessionstorage 本地臨時儲存的理解

html5 web儲存有兩個重要物件 一般涉及到瀏覽器內狀態儲存時,首先會想到cookie。這時如果明白sessionstorage,很快也就會清楚這個功能怎麼實現的 查詢sessionstorage是否有關閉廣告標記sessionstorage.setitem key value 根據標記隱藏或者...