Question

我目前正在开发 Chrome 扩展程序，我想执行以下操作。

content.js：

chrome.runtime.sendMessage({message: "Teszt", licenseKey: "XXXX-XXXX-XXXX-XXXX", data: "bolond"}, (response) => {
        alert(response.data);
});

background.js:

chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
    if(request) {

        const xhr = new XMLHttpRequest();
        xhr.open("GET", `https://api.hyper.co/v4/licenses/${request.licenseKey}`);
        xhr.setRequestHeader("Authorization", `Bearer publickey`)

        xhr.onload = () => {
            sendResponse({ sender: "background.js", data: (request.data+" response")  })
        }

        xhr.send();
    }
});

它不返回任何东西，显然是因为请求需要时间来完成。我怎样才能使它异步？或者至少如何让 content.js 等到后台真正返回一些东西？

先谢谢你！

Answer 1

请查看以下文档中的 simple one-time requests 部分 https://developer.chrome.com/docs/extensions/mv3/messaging/

<块引用>

如果要异步使用sendResponse，添加return true；到 onMessage 事件处理程序。

请尝试以下代码。它应该工作

    chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
    if(request) {

        const xhr = new XMLHttpRequest();
        xhr.open("GET", `https://api.hyper.co/v4/licenses/${request.licenseKey}`);
        xhr.setRequestHeader("Authorization", `Bearer publickey`)

        xhr.onload = () => {
            sendResponse({ sender: "background.js", data: (request.data+" response")  })
        }

        xhr.send();
        return true;
    }
});

Chrome 扩展异步消息传递

1 个答案: