如何將消息從內容腳本發送到彈出腳本以顯示在 popup.html 上

Question

****我正在制作一個谷歌擴展軟件，我有一個我在內容腳本文件上創建的數組，我想在 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>

我希望我能用例子得到解決方案，謝謝。****

Answer 1

彈出腳本，

    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)
    });