在 google chrome 扩展程序中获取 cookie

Question

我正在尝试使用以下代码专门从域获取 cookie：

<script language="javascript" type="text/javascript">

var ID;

function getCookies(domain, name) {
    chrome.cookies.get({"url": domain, "name": name}, function(cookie) {
        ID = cookie.value;
    });
}

getCookies("http://www.example.com", "id")
alert(ID);

</script>

问题是警报总是显示未定义。但是，如果我更改

ID = cookie.value;

为

alert(cookie.value);

它就可以正常工作。如何保存该值以供以后使用？

更新：看来，如果我在脚本运行后从 chrome 控制台调用警报（ID），它就会起作用。如何将代码设置为等待 chrome.cookies.get 完成运行？

Answer 1

几乎所有 Chrome API 调用都是异步的，因此您需要使用回调来按顺序运行代码：

function getCookies(domain, name, callback) {
    chrome.cookies.get({"url": domain, "name": name}, function(cookie) {
        if(callback) {
            callback(cookie.value);
        }
    });
}

//usage:
getCookies("http://www.example.com", "id", function(id) {
    alert(id);
});

Answer 2

任何依赖于 chrome.cookies.get() 调用结果的代码都必须从回调中调用。在您的示例中，只需等待回调触发，然后再显示警报：

<script language="JavaScript" type="text/javascript">

    var ID;

    function getCookies(domain, name) 
    {
        chrome.cookies.get({"url": domain, "name": name}, function(cookie) {
            ID = cookie.value;
            showId();
        });
    }

    function showId() {
        alert(ID);
    }

    getCookies("http://www.example.com", "id")        

</script>

Answer 3

获取域下的所有 cookie：

 const r = await chrome.cookies.getAll({ domain: domain }) //domain: stackoverflow.com

此脚本可以从弹出窗口和后台服务工作线程运行，但不能从内容脚本运行。