Estoy tratando de cargar un DOM de la página web actualmente abierta en una aplicación de extensión de Google Chrome que estoy desarrollando y luego recuperar algunos elementos y almacenarlos en variables para su manipulación. Actualmente, solo estoy tratando de obtener el correo electrónico del remitente en la clase gD para el lapso especificado. A partir de ahora, enviará lo que tenga en la función doStuffWithDOM dos veces a la consola. He intentado usar varias variaciones para asegurarme de que la página esté completamente cargada antes de llamar a la función como tab.status==complete o/y changeInfo.status==complete pero aún llama a la función varias veces. ¿Alguna sugerencia sobre cómo garantizar que el DOM de las páginas web esté completamente cargado antes de llamar a la función doStuffWithDOM ?

 background.js function doStuffWithDOM(domContent) { senderName = $(domContent).find("span.gD"); console.log(senderName); } chrome.tabs.onUpdated.addListener(function(id,changeInfo,tab){ if(changeInfo.status=='complete' && tab.status=='complete'){ //To send message after the webpage has loaded chrome.tabs.sendMessage(tab.id, { text: "report_back" },function(response){ doStuffWithDOM(response); }); } })

 console output: test jQuery.fn.init [prevObject: jQuery.fn.init(62)] test jQuery.fn.init [span.gD, prevObject: jQuery.fn.init(70)]