Kann ich eine CSS-Datei programmgesteuert mit einer js-Datei mit Inhaltsskript einfügen?

Kann ich eine CSS-Datei programmgesteuert mit einer js-Datei mit Inhaltsskript einfügen?

Es ist mir möglich, die CSS einzuspeisen, wenn die JS-Datei mit meiner popup.html verknüpft ist. Das Problem ist, dass ich auf die Schaltfläche klicken muss, um das Popup zu öffnen, um die CSS einzuspritzen. Ich möchte, dass es automatisch und im Hintergrund geschieht.

Was passiert in meinem Code ...

1. Rufen Sie eine Variable aus einer MySQL-Datenbank über XMLHttpRequest ab
2. Rufen Sie die Funktion "processdata ()" auf
3. "processdata" Verarbeitet die Daten von XMLHttpRequest. Genauer gesagt, teilen Sie die Variable auf, setzen Sie sie in 2 verschiedene Variablen und machen Sie sie global
4. Ich rufe die Funktion "click ()" auf
5. "click" Dann wird die css mit setTimeout nach 1250 Millisekunden gesetzt
6. Ich benutze chrome.tabs.insertCSS, um die css einzufügen. Der CSS-Name ist die Variable " currenttheme "

Wie ich bereits erwähnt habe, funktioniert es mit dem Popup. Das Popup muss jedoch geöffnet werden, bevor das CSS injiziert wird.

Wie mache ich das alles? automatisch, ohne Benutzerinteraktion ?

Hier ist mein Code:

    function getData() {
if (window.XMLHttpRequest)
      {// code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp=new XMLHttpRequest();
      }
    else
      {// code for IE6, IE5
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    xmlhttp.onreadystatechange=function()
      {
      if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
        user_data = xmlhttp.responseText;
        window.user_data = user_data;
        processdata();
        }
      }
    xmlhttp.open("GET","http://localhost:8888/g_dta.php",true);
    xmlhttp.send();
}

getData();

function processdata() {
  var downdata = user_data.split('|||||');
  var installedthemes = downdata[0];
  var currenttheme = downdata[1].toString();
  window.currenttheme = currenttheme;
  click();
  }

function click(e) { 
      function setCSS() {
          chrome.tabs.insertCSS(null, {file:currenttheme + ".css"});
          }
      setTimeout(function(){setCSS()}, 1250);
      document.getElementById('iFrameLocation').innerHTML = "<iframe src='http://localhost:8888/wr_dta.php?newid="+e.target.id+"'></iframe>";
      getData();
}

document.addEventListener('DOMContentLoaded', function () {
  var divs = document.querySelectorAll('div');
  for (var i = 0; i < divs.length; i++) {
    divs[i].addEventListener('click', click);
  }
});