I am trying to build an ext that will Chrome Ext to open a new tab and populate fields in the newly opened tab. So far, I am able to open the new tab but can't get it to populate the fields in the nw tab.
Popup.html:
<html>..../* user selects which url to open*/<select name="choices" id="choice"><option value="a"> a</option>...</select>
popup.js
document.getElementById("choice").addEventListener("change",func)func(){switch(choice){case a:newurl="https://:.abc.com"break;.....}chrome.tabs.create({url: newurl},populate) // also tried .then( , , ,)populate(){chrome.tabs.onActivated.addListener(function(activeInfo) { \\also tried onUpdated chrome.tabs.get(activeInfo.tabId, function(tab){ chrome.scripting.executeScript({target : {tabId :getCurrentTab()},files : [ "abc.js" ] }) });}}
async function getCurrentTab() { let queryOptions = { active: true };let [tab] = await chrome.tabs.query(queryOptions);}
// I figured maybe I should put the onUpdated listener and populate function in the background script, but if I first open the site independently (manually) then run the ext it works, but not if I run it from a different site,
Can anyone provide an example of how to accomplish this.
Thank you in advance.