文章详情页
cookie解决微信不能存储localStorage的问题
浏览:332日期:2022-06-02 10:19:03
在开发基于微信的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");
经过测试,完全兼容,没有出现问题. 有需要的小伙伴可以参考下,谢谢支持!
相关文章:
1. vue项目如何监听localStorage或sessionStorage的变化2. Vuex localStorage的具体使用3. 如何在JavaScript中使用localStorage详情4. Vue基于localStorage存储信息代码实例5. JavaScript本地储存:localStorage、sessionStorage、cookie的使用6. Javascript怎样使用SessionStorage和LocalStorage7. 如何在Vue中使localStorage具有响应式(思想实验)8. Vue利用localStorage本地缓存使页面刷新验证码不清零功能的实现9. vue 使用localstorage实现面包屑的操作10. js本地存储解决方案——localStorage与userData
排行榜

网公网安备