如何判断Cookie是否过期及可用？无法通过document.cookie获取过期时间

Hey there! Let's break down your two cookie questions clearly:

一、如何判断Cookie是否过期 #

你提到浏览器Application面板能看到过期时间，但document.cookie拿不到——这是正常的，因为浏览器不会把Cookie的过期信息暴露给前端脚本，尤其是HTTP-only类型的Cookie，前端甚至连Cookie内容都访问不到。这里给你几个实用的判断思路：

• 针对非HTTP-only Cookie：同步存储过期时间
  如果后端在设置Cookie时，同时把过期时间通过接口响应体或者自定义响应头返回给前端，你可以把这个时间存在localStorage或sessionStorage里。之后每次需要检查时，拿当前时间和存储的过期时间对比，就能判断是否过期。

• 通过接口请求验证
  这是最可靠的方法：尝试调用一个需要该Cookie授权的后端接口。如果接口返回401 Unauthorized或类似的未授权状态码，大概率是Cookie过期了（记得排除其他授权失败的情况，比如权限变更）。

• 利用浏览器自动删除过期Cookie的特性
  当Cookie过期后，浏览器会自动将其清除。所以你可以尝试读取目标Cookie，如果读取不到（排除HTTP-only的情况），说明它要么过期了，要么被用户手动清除了。比如：

  function isCookieExpired(cookieName) {
    const cookies = document.cookie.split(';').map(c => c.trim());
    const targetCookie = cookies.find(c => c.startsWith(`${cookieName}=`));
    return !targetCookie;
  }
  

  注意：这个方法对HTTP-only Cookie无效，因为前端本来就读不到这类Cookie。

二、如何判断Cookie是否可用 #

检测Cookie可用性的核心思路是尝试写入并读取一个测试Cookie，具体实现如下：

function isCookieEnabled() {
  // 先清理可能残留的测试Cookie
  document.cookie = "test_cookie=check; path=/; max-age=0";
  // 写入测试Cookie
  document.cookie = "test_cookie=check; path=/";
  // 检查是否能读取到
  const hasCookie = document.cookie.includes("test_cookie=check");
  // 清理测试Cookie
  document.cookie = "test_cookie=; path=/; max-age=0";
  return hasCookie;
}

额外注意：

• 如果是第三方Cookie（比如嵌入在iframe中的跨域Cookie），现在大部分浏览器默认禁用，这种情况下即使第一方Cookie可用，第三方Cookie也无法正常使用。你可以通过在iframe中执行类似的测试逻辑来验证，但要注意跨域脚本的限制。
• 如果浏览器处于隐私模式，部分Cookie功能可能会被限制，测试结果也会受影响。

内容的提问来源于stack exchange，提问作者qg_java_17137