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

本文主要介绍使用cookie解决微信不能存储localStorage的问题,这里提供了代码示例,有需要的小伙伴可以参考下

在开发基于微信的Web页面时，发现有些机型不能存储信息到localStorage中，或者是页面一旦关闭，存储的信息也失效了。

用cookie来替代localStorage，存储一些简单的数据。上网查找了一下，发现w3school上已有不错的解决方案。

设置cookie:

1. function setCookie(c_name,value,expiredays)
2. {
3. var exdate=new Date()
4. exdate.setDate(exdate.getDate()+expiredays)
5. document.cookie=c_name+ "=" +escape(value)+
6. ((expiredays==null) ? "" : ";expires="+exdate.toGMTString())
7. }
8.  
9. //取回cookie
10. function getCookie(c_name)
11. {
12. if (document.cookie.length>0)
13. {
14. c_start=document.cookie.indexOf(c_name + "=")
15. if (c_start!=-1)
16. {
17. c_start=c_start + c_name.length+1
18. c_end=document.cookie.indexOf(";",c_start)
19. if (c_end==-1) c_end=document.cookie.length
20. return unescape(document.cookie.substring(c_start,c_end))
21. }
22. }
23. return ""
24. }

示例：

 设置cookie，有效期为365天

1. setCookie('username','123',365);

 取回，若cookie失效，将返回空

1. getCookie('username');

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