Estoy tratando de pasar startDate y endDate a mi secuencia de comandos de extensión de Chrome, pero no funciona por alguna razón. Revisé la documentación de la extensión de Chrome pero no pude encontrar ninguna solución excepto usar la propiedad args en chrome.scripting.executeScript . Sin embargo, serializa los argumentos, por lo que en realidad no puedo usarlos.
const startDate = document.getElementById("start-date")?.value; const endDate = document.getElementById("end-date"); const searchButton = document.getElementById("search-button"); searchButton.addEventListener("click", async (startDate, endDate) => { let [tab] = await chrome.tabs.query({ active: true, currentWindow: true }); chrome.scripting.executeScript({ target: { tabId: tab.id }, args: [startDate], function: scrapCalendar, }); }); function scrapCalendar(startDate) { let pageDateRange = document .querySelector( "#sectionBody > div.con_cuer > div.tabla1 > div:nth-child(2) > div.tabder" ) ?.innerText.split(" "); /* let goLastPageButton = document.querySelector( "#sectionBody > div.con_cuer > div.flechas_horario > div.izq" ); let goNextPageButton = document.querySelector( "#sectionBody > div.con_cuer > div.flechas_horario > div.der" );*/ let pageStartDate = pageDateRange[1]; let pageEndDate = pageDateRange[3]; console.log(startDate); console.log(pageStartDate + " - " + pageEndDate); }Se solucionó extrayendo las fechas de la función addEventListener en lugar del alcance global. Pensé que estaba pasando los valores a la función addEventListener en async (startDate, endDate) pero solo eran los nombres de los parámetros de la función.
Solución:
const searchButton = document.getElementById("search-button"); searchButton.addEventListener("click", async () => { const startDate = document.querySelector("#start-date")?.value; const endDate = document.querySelector("#end-date")?.value; let [tab] = await chrome.tabs.query({ active: true, currentWindow: true }); chrome.scripting.executeScript({ target: { tabId: tab.id }, args: [startDate, endDate], func: scrapCalendar, }); }); function scrapCalendar(startDate, endDate) { let pageDateRange = document .querySelector( "#sectionBody > div.con_cuer > div.tabla1 > div:nth-child(2) > div.tabder" ) ?.innerText.split(" "); /* let goLastPageButton = document.querySelector( "#sectionBody > div.con_cuer > div.flechas_horario > div.izq" ); let goNextPageButton = document.querySelector( "#sectionBody > div.con_cuer > div.flechas_horario > div.der" );*/ let pageStartDate = pageDateRange[1]; let pageEndDate = pageDateRange[3]; console.log(startDate + " * " + endDate); console.log(pageStartDate + " - " + pageEndDate); }