Chrome扩展读取Cookie验证网站登录状态，无日志输出排查

1. Cookie获取的URL格式错误 #

chrome.cookies.get要求url参数必须包含完整协议（http/https），你当前传入的"mydomain.com"不符合规则，需要改为带协议的完整地址，比如"https://mydomain.com"。

修改background.js中的调用代码：

getCookies("https://mydomain.com", "my_cookie_name", function (cookie_value) {
    console.log(cookie_value);
});

2. 未处理Cookie不存在的情况 #

如果用户未登录，chrome.cookies.get返回的cookie会是null，直接访问cookie.value会抛出错误，导致后续代码无法执行。需要先判断cookie是否存在：

修改getCookies函数：

function getCookies(domain, name, callback) {
    chrome.cookies.get({"url": domain, "name": name}, function(cookie) {
        if(callback) {
            // 先检查cookie是否存在，再返回对应值
            callback(cookie ? cookie.value : null);
        }
    });
}

3. Background脚本日志的查看位置错误 #

你用chrome.extension.getBackgroundPage().console.log完全多余，直接在background脚本里写console.log即可，但要注意：background的日志不在当前网页的控制台中，需要到扩展的背景页控制台查看：

• 打开Chrome扩展管理页面（输入chrome://extensions/）
• 找到你的扩展并点击「详情」
• 点击「查看日志」或「检查视图」→「背景页」，才能看到background脚本的输出内容

4. 消息交互不完整 #

你的content script发送消息后，background没有调用sendResponse回复消息，Chrome会认为消息未处理完成，可能影响后续交互。哪怕不需要返回数据，至少要调用sendResponse()，如果需要返回登录状态可以顺带传递：

修改background的消息监听：

chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
    getCookies("https://mydomain.com", "my_cookie_name", function (cookie_value) {
        console.log(cookie_value);
        // 回复消息，避免Chrome报错
        sendResponse({loginStatus: cookie_value ? "已登录" : "未登录"});
    });
    // 因为是异步操作，返回true告知Chrome等待sendResponse执行完毕
    return true;
});

额外检查项 #

• 确认网站设置的Cookie名称确实是my_cookie_name，可以在当前网站的「开发者工具→应用→Cookie」中核对
• 确认Cookie的domain属性与你使用的URL匹配：如果网站设置的是.mydomain.com（包含子域名），你的URL用https://www.mydomain.com或https://mydomain.com都可以，只要在host_permissions范围内
• Cookie如果是HttpOnly属性也无需担心，扩展的cookies权限可以正常获取；如果是Secure属性，只要你使用https协议的URL就能正常读取

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