如何将消息从内容脚本发送到弹出脚本,以显示在popup.html上

时间:2019-01-16 14:04:30

标签: javascript google-chrome-extension

****我正在制作一个google扩展软件,我有一个在内容脚本文件上创建的数组,我想在popup.html上显示其元素,我在其中创建了一个div元素来包括它们,我想要数组的每个元素都位于不同的div中。

//content script

var arr= [a,b,c,d];
//popup.html

<div class="showhere"></div>



//required popup.html to be

<div class="showhere">
      <div>a</div>
      <div>b</div>
      <div>c</div>
      <div>d</div>
</div>

我希望我能用示例获得解决方案,谢谢。****

1 个答案:

答案 0 :(得分:0)

弹出脚本

    chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) {
        if (request.subject == 'SOME_SUBJECT') {
            console.log(request.data);
            sendResponse("response");
        }
        else if (request.subject == 'OTHER_SUBJECT') {
            console.log(request.data);
            sendResponse("response");
        }
    });

内容脚本,

    chrome.runtime.sendMessage({
        subject: "SOME_SUBJECT",
        data: {
            name: "Roar"
        }
    }, function (response) { 
        console.log(response)
    });