Estoy trabajando en una extensión de Chrome y no puedo averiguar cómo pasar la respuesta de JavaScript devuelta en popup.js a popup.html (para que el usuario pueda ver los resultados). Intenté agregar <div id="tabs"> </div> en popup.html pensando que recuperaría dinámicamente los resultados de la function(tabs) , pero no es así, aprecio mucho cualquier información.
ventana emergente.html
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="myButton.css"> </head> <body style="background-color:Gray;"> <a href="#" class="myButton">Scan</a> <script src=popup.js></script> <div id="tabs"> </div> </body> </html>emergente.js
chrome.tabs.query({ active: true, currentWindow: true }, function(tabs) { var tabURL = tabs[0].url; var api = "https://api.us-east-2.amazonaws.com..." console.log(tabURL); console.log(api) userdata = {"url":tabURL} console.log(userdata) fetch(api, { method: 'POST', body: JSON.stringify(userdata), }) .then((resp) => resp.json()) .then(function(response) { console.info('fetch()', response); return response; }); });Puede insertar Elementos en popup.html con popup.js.
p.ej
function addSpan(response) { let tabDiv = document.getElementById('tabs'); let newSpan = document.createElement('span'); newSpan.innerText = "Test123". // newSpan.innerText = response; tabDiv.append(newSpan); }