详解cookie解决微信不能存储localStorage的问题-js教程-PHP中文网

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

小云云

发布： 2017-12-26 09:36:13

原创

3311人浏览过

在开发基于微信的Web页面时，发现有些机型不能存储信息到localStorage中，或者是页面一旦关闭，存储的信息也失效了。用cookie来替代localStorage，存储一些简单的数据。本文主要介绍使用cookie解决微信不能存储localStorage的问题, 这里提供了代码示例,有需要的小伙伴可以参考下，希望能帮助到大家。

设置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');

登录后复制

经过测试，完全兼容，没有出现问题.

相关推荐：

汉潮代驾系统

如今有越来越多的人在网上做代驾，打造一个代驾平台，既可以让司机增加一笔额外的收入，也解决了车主酒后不能开发的问题，汉潮代驾系统基于微信小程序开发的代驾系统支持一键下单叫代驾，支持代驾人员保证金功能，支持代客下单，支持代驾人员订单调度及代驾人员位置查看，欢迎大家关注我们。汉潮代驾系统是汉潮唐越科技有限公司研发团队自主开发的代驾系统，包含后台系统和微信小程序，主要功能模块商家设置，会员管理，营销管理