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

在微信环境里做Web开发，有时候真会碰到一些让人挠头的事——比如某些机型对localStorage的支持不太稳定，要么存不进去，要么页面一关数据就全没了。这个问题在低版本安卓或特定定制ROM上尤其常见，微信浏览器内核的差异也会导致行为不一致。

怎么办？最直接的思路是拿cookie来顶替localStorage，用来存一些简单的配置或状态信息。cookie虽然容量有限（4KB左右），但对于用户标识、偏好设置这类小数据完全够用。而且cookie的兼容性极好，不存在“存不进去”的问题。

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 "";
}

使用示例

设置一个名为username的cookie，有效期设为365天：

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

读取时，如果cookie已过期或不存在，则返回空字符串：

getCookie('username');

这套方案在实际项目中已经验证过，兼容性没问题，微信内的各种机型基本都能跑通。唯一要注意的是escape/unescape在处理中文时可能不够安全，建议改用encodeURIComponent/decodeURIComponent，尤其当存储的值包含特殊字符或中文时。不过核心逻辑不变，上手即用。