Расширение Chrome - как передать переменные из JS в popup.html?

Question

У меня есть некоторые переменные в следующем JS:

document.addEventListener('DOMContentLoaded', function(){ 
    document.getElementById('btn4').addEventListener('click', getbg); 
}); 

getbg = function() 

{ 

    chrome.runtime.getBackgroundPage(
     function (bg) { 
     var allcompanynames = bg.companynames; 
     alert(allcompanynames)}) 

} 

Как вы можете видеть, переменная «allcompanynames».

Однако, как передать их и показать их на странице popup.html?

Я попытался

<script type="text/javascript" src="companynames.js"></script> 
<p id="allcompanynames"></p> 

не повезло. Что не так?

Answer 1

Написать свой код таким образом

var background = chrome.extension.getBackgroundPage(); 
    var allcompanynames = background.companynames; 
alert(allcompanynames) 

Answer 2

document.addEventListener('DOMContentLoaded', function(){ 
document.getElementById('btn4').addEventListener('click', getbg); 
}); 

getbg = function() 

{ 

chrome.runtime.getBackgroundPage(
    function (bg) { 
    var allcompanynames = bg.companynames; 
    alert(allcompanynames)}) 
    document.getElementById("allcompanynames").innerHTML(allcompanynames) 

} 

Я предполагаю, что вы должны добавить, что последняя строка после вывода на экран всплывающее, чтобы добавить содержимое на страницу.