javascript - Chrome 扩展消息传递 - 包含代码

Question

我有一个名为 file.js 的内容脚本，它创建变量“found”。我想将变量“found”的值发送到 popup.html 中的文本框

在 file.js 中(我知道发现的变量正在工作，使用警报进行了测试)。

chrome.extension.sendRequest({foundlinks: found}, function(response) {
 console.log(response);
});

在 Popup.html 中:

function pulllinks(){

chrome.extension.onRequest.addListener(function(request, sender, sendResponse) {

    document.getElementById("box").value = request.foundlinks;

  sendResponse({});
});

在 popup.html 的表单上:

<input type = "button" onclick="pulllinks();" name = "box" id="box" value = "Grab Links From Page"  /> 

但是，它没有做任何事情。有任何想法吗？

谢谢!

Answer 1

您需要向相反的方向发送请求 - 从弹出窗口到内容脚本:

popup.html:

function pulllinks(){
    chrome.tabs.getSelected(null, function(tab) {
        chrome.tabs.sendRequest(tab.id, {cmd: "findLinks"}, function(response) {
            document.getElementById("box").value = response.foundlinks;
        });
    });

}

文件.js:

chrome.extension.onRequest.addListener(function(request, sender, sendResponse) {
    if(request.cmd == "findLinks") {
        //calculate "found" value and send it back
        sendResponse({foundlinks: found});

    }
});