cookie解决微信不能存储localStorage的问题

日期:2016/9/11 22:08:00 来源:本网整理 阅读:0
s">

cookie解决微信不能存储localStorage的问题

投稿:lqh 字体:[增加 减小] 类型:转载 时间:2016-07-11 我要评论

本文主要介绍使用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');

 经过测试,完全兼容,没有出现问题. 有需要的小伙伴可以参考下,谢谢支持!

  • 本文相关:
  • 学习小实例--滚动条的简单实现
  • html5手机触屏touch事件介绍
  • HTML5实战与剖析之触摸事件(touchstart、touchmove和touchend)
  • 《CSS3实战》笔记--渐变设计(一)
  • 《CSS3实战》笔记--渐变设计(二)
  • 《CSS3实战》笔记--渐变设计(三)
  • CSS3实现动态翻牌效果 仿百度贴吧3D翻牌一次动画特效
  • 利用CSS3新特性创建透明边框三角
  • 手机屏幕尺寸测试——手机的实际显示页面的宽度
  • CSS 使用Sprites技术实现圆角效果
  • 免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2015 www.zgxue.com All Rights Reserved