本文主要介紹使用cookie解決微信不能存儲localStorage的問題, 這裏提供了代碼示例,有需要的小夥伴可以參考下
在開發基於微信的Web頁面時,發現有些機型不能存儲信息到localStorage中,或者是頁面一旦關閉,存儲的信息也失效了。
用cookie來替代localStorage,存儲一些簡單的數據。上網查找了一下,發現w3school上已有不錯的解決方案。
設置cookie:
function setCookie(c_name,value,expiredays) { var exdate=new Date() exdate.setDate(exdate.getDate()+expiredays) document.cookie=c_name+ "=" +escape(value)+ ((expiredays==null) ? "" : ";expires="+exdate.toGMTString()) } //取回cookie function getCookie(c_name) { if (document.cookie.length>0) { c_start=document.cookie.indexOf(c_name + "=") if (c_start!=-1) { c_start=c_start + c_name.length+1 c_end=document.cookie.indexOf(";",c_start) if (c_end==-1) c_end=document.cookie.length return unescape(document.cookie.substring(c_start,c_end)) } } return "" }
示例:
設置cookie,有效期爲365天
setCookie('username','123',365);
取回,若cookie失效,將返回空
getCookie('username');
經過測試,完全兼容,沒有出現問題. 有需要的小夥伴可以參考下,謝謝支持!