为什么谷歌浏览器没有csrftoken Cookie而火狐浏览器存在该Cookie？

你当前写的getCookie函数逻辑本身没有问题，读不到值是Cookie本身在Chrome的当前上下文不可访问导致的。

• 浏览器SameSite Cookie默认规则不同：Chrome 80+版本默认将未显式指定SameSite属性的Cookie视为SameSite=Lax，仅同站请求可携带/读取，而Firefox长期沿用更宽松的默认规则，若网站更新后未针对Chrome调整csrftoken的SameSite属性，跨站/跨子域场景下Chrome会直接屏蔽该Cookie的读取和写入。
• Chrome第三方Cookie拦截规则更严格：Chrome近年逐步收紧第三方Cookie限制，默认拦截未声明Partitioned属性的第三方上下文Cookie，而Firefox的默认拦截阈值更高，若你的扩展是在第三方iframe/注入上下文运行，就会出现火狐能读取、Chrome读不到的情况。
• 站点缓存差异：如果网站更新后已经取消了Cookie形式存储csrftoken，改为存到LocalStorage、SessionStorage或页面meta标签中，Firefox可能因为本地旧缓存还保留了过期的csrftoken Cookie，清理Firefox缓存后也会看不到该Cookie。

1. 先确认Cookie存在性：打开Chrome开发者工具→「应用」面板→「存储」→「Cookie」→选择对应站点域名，检查列表中是否存在csrftoken：
   • 若列表中存在但document.cookie读不到：说明Cookie设置了HttpOnly属性，或者你注入的JS上下文没有读取权限，不要用页面上下文的JS读Cookie，改为调用Chrome扩展自带的Cookie API读取，需要先在manifest.json中声明权限：

   // manifest.json 配置示例
   "permissions": [
     "cookies",
     "https://你的目标站点域名/*"
   ]
   

   对应读取代码：

   chrome.cookies.get({
     url: "https://你的目标站点域名",
     name: "csrftoken"
   }, (res) => {
     if (res) console.log("csrftoken值为：", res.value)
   })
   

   • 若列表中不存在csrftoken：先清理Chrome全站缓存、Cookie后重新登录站点，确认是否是登录态失效导致。
2. 适配站点新的csrf存储逻辑：检查页面源代码中是否存在<meta name="csrf-token" content="xxx">的标签，或者LocalStorage/SessionStorage中是否有csrftoken相关字段，直接从对应位置取值即可：

   // 从meta标签取
   const csrfToken = document.querySelector('meta[name="csrf-token"]')?.content
   // 从LocalStorage取
   const csrfToken = localStorage.getItem('csrftoken')
   

3. 临时验证方案：打开Chrome设置页chrome://settings/cookies，临时关闭第三方Cookie拦截后重新访问站点，若能正常读取csrftoken则确认是Cookie拦截规则导致，后续可在扩展manifest中声明分区存储权限适配Chrome新规则即可。

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