如何向 chrome 扩展 api 添加回调函数？

Question

其实我想在请求发送前使用 webRequest 来修改 cookie。我自己的 cookie 数据存储在扩展的存储中，但从存储中获取数据是异步的。那么如何修改请求的cookie呢？

我想这样做：

var beforeSendHeadersHandler = {
    func: function(details, addCookie){
        addCookie(details)
        return {requestHeaders: details.requestHeaders}
    },
    filter: {
        urls: ["<all_urls>"]
    },
    extra: ["blocking", "requestHeaders"]
};
chrome.webRequest.onBeforeSendHeaders.addListener(beforeSendHeadersHandler.func,
    beforeSendHeadersHandler.filter,
    beforeSendHeadersHandler.extra);

如何向 chrome.webRequest.onBeforeSendHeaders.addListener 回调函数或任何其他解决方案添加回调参数？

Answer 1

如果您确实想这样做，请使用Promise

var beforeSendHeadersHandler = {
    func: function(details, addCookie){
        var promise = new Promise(function(resolve) {
            chrome.storage.local.get("your key", function(results) {
                resolve(results["your key"]);
            });
        };
        promise.then(function(value) {
           return {requestHeaders: value};
        });
    },
    filter: {
        urls: ["<all_urls>"]
    },
    extra: ["blocking", "requestHeaders"]
};
chrome.webRequest.onBeforeSendHeaders.addListener(beforeSendHeadersHandler.func,
    beforeSendHeadersHandler.filter,
    beforeSendHeadersHandler.extra);

推荐

请参阅Synchronous call in Google Chrome extension 和Asynchronous operation in blocking chrome.webRequest.onBeforeSendHeaders listener，如果您可以在侦听器之外制作副本，或者如果可能，请使用localStorage 保存存储，这是同步的。