Question

The popup.html sends a request to contentscript.js. The contentscript.js creates an array and send the repsonse(an array object) to popup.html.

How to pass an array object from contentscript.js to popup.html?

Is there a need of background.html page to get array object from contentscript.js and then pass it on to popup.html ?

Answer 1

//content script
chrome.extension.onRequest.addListener(function(request, sender, sendResponse) {
    var result = [{},{},{}];
    sendResponse(result);
});

//popup
chrome.tabs.getSelected(null, function(tab) {
    chrome.tabs.sendRequest(tab.id, "request", function(result) {
        console.log("Received from content script:", result)
    });
});

update: added selected tab id instead of null