为什么我通过两种方式都无法在Chrome扩展中获取全部Cookie？

document.cookie 获取不完整的原因 #

• 浏览器安全限制：带HttpOnly属性的Cookie禁止前端JS读取，document.cookie天然无法获取这类Cookie
• 只能读取当前页面域名、路径匹配、且符合Secure/SameSite规则的Cookie，父域名、其他子域名下的Cookie默认无法获取

chrome.cookies.getAll 仅返回1条Cookie的原因 #

• 调用参数错误：你传入了空对象{}作为查询条件，没有指定匹配的url、domain范围，返回结果会被严格限制
• 权限配置范围过窄：manifest中配置的站点权限为https://www.instagram.com/，仅匹配根路径，无法覆盖该站点所有子路径、父域名及其他子域名下的Cookie，导致可查询的Cookie范围极小

优先使用chrome.cookiesAPI获取全量Cookie，该API属于扩展特权接口，只要权限配置正确，可以拿到包括HttpOnly在内的所有目标站点Cookie，具体修改如下：

1. 修改manifest.json配置

{
    "manifest_version": 2,
    "name": "Auto Follow",
    "version": "1.0",
    "icons": {
        "720": "follow_icon.png" 
    },
    "description": "xxx",
    "background": {
        "scripts": ["background.js"]
     },
    "permissions": [
        "cookies",
        "https://*.instagram.com/*"
      ],
    "content_scripts": [
        {
            "matches": ["https://*.instagram.com/*"],
            "js": ["jquery.js","content.js"]
        }
    ]
}

核心修改点：将站点权限和content脚本匹配规则都改为通配格式https://*.instagram.com/*，覆盖所有Instagram相关的子域名、子路径。

2. 修改background.js的调用逻辑，指定明确的查询参数

// 可配合tabs监听在页面加载完成后触发，确保Cookie已写入
chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
    if (changeInfo.status === 'complete' && tab.url.includes('instagram.com')) {
        chrome.cookies.getAll({
            url: tab.url,
            domain: ".instagram.com"
        }, (cookies) => {
            console.log(cookies)
        })
    }
})

如果需要主动触发查询，直接传入明确的url和domain参数即可，不要传入空查询条件。

注意：document.cookie的限制是浏览器原生安全机制，没有突破方法，需要全量Cookie时不要使用该方法。

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