JavaScript 中 Cookie 怎么实现国际化语言偏好的保存-js教程-PHP中文网

javascript中通过cookie保存用户语言偏好，即在切换语言时写入带过期时间、path=/、secure（https下）和samesite=lax的lang cookie，并在页面加载时解析读取，用于初始化i18n；实际翻译由i18n库处理。

javascript 中 cookie 怎么实现国际化语言偏好的保存

JavaScript 中通过 Cookie 保存用户语言偏好，核心是：在用户切换语言时写入 Cookie，并在页面加载时读取它，用于初始化国际化（i18n）逻辑。注意 Cookie 本身不处理翻译，只作“偏好存储”，实际语言切换需配合 i18n 库（如 i18next、Intl 或自定义资源映射）。

写入语言偏好到 Cookie

使用 document.cookie 设置带过期时间、路径和安全属性的 Cookie，推荐用 UTC 时间避免时区问题：

设置有效期（如 365 天），避免会话级失效
指定 path=/ 确保全站可读
生产环境建议加上 Secure 和 SameSite=Lax

示例代码：

function setLangCookie(lang, days = 365) {
  const expires = new Date();
  expires.setTime(expires.getTime() + days * 24 * 60 * 60 * 1000);
  document.cookie = `lang=${encodeURIComponent(lang)}; expires=${expires.toUTCString()}; path=/; SameSite=Lax${location.protocol === 'https:' ? '; Secure' : ''}`;
}

调用：setLangCookie('zh-CN') 或 setLangCookie('en-US')。

从 Cookie 读取语言偏好

手动解析 document.cookie 字符串，提取 lang 值。注意解码，防止特殊字符出错：

NotebookLM CLI Cookies

使用 nlm CLI 检索并回答已上传至 NotebookLM 的文档问题。适用于用户需要查找信息、总结来源或查询特定笔记本时。

下载

function getLangCookie() {
  const cookies = document.cookie.split('; ');
  for (const cookie of cookies) {
    const [name, value] = cookie.split('=');
    if (name === 'lang') {
      return decodeURIComponent(value);
    }
  }
  return null;
}

返回值可能是 'zh-CN'、'en-US' 或 null（未设置）。可进一步做格式校验，比如匹配 /^[a-z]{2}(-[A-Z]{2})?$/。

结合页面初始化做语言自动切换

在脚本加载早期（如 DOMContentLoaded 前）读取 Cookie，并应用语言：

优先使用 Cookie 中的语言
退而使用 navigator.language 或 navigator.userLanguage
最后 fallback 到默认语言（如 'en-US'）

示例流程：

const savedLang = getLangCookie();
const userLang = savedLang || navigator.language || navigator.userLanguage || 'en-US';
const finalLang = ['zh-CN', 'en-US', 'ja-JP'].includes(userLang) ? userLang : 'en-US';
<p>// 加载对应语言包，或传给 i18n 实例
initI18n(finalLang); // 如 i18next.changeLanguage(finalLang)</p>