Ich injiziere eine CSS-Datei von meiner Chrome-Erweiterung mithilfe der manifest.json full source):

  "content_scripts": [
    {
      "matches": [
        "http://*/*"
      ],
      "css":["src/inject/gfi_extension.css"],
      "js": [/*...*/]
    }
  ] 

enn ich in Chrome Dev Tools ein Element überprüfe, das von der injizierten CSS-Datei betroffen ist, werden die Regeln angezeigt. In der oberen rechten Ecke, in der sich normalerweise der Quellendateiname befinden würde, wird jedoch nur "injiziertes Stylesheet" angezeigt. Ich möchte ALLE Regeln anzeigen, die injiziert werden, auch diejenigen, die sich auf Elemente auswirken, die derzeit nicht im DOM vorhanden sind.

Ich hätte erwartet, dass die CSS-Datei in "sources" unter "content scripts" mit den JS-Dateien angezeigt wird, aber sie ist nicht vorhanden.

Gibt es eine Möglichkeit, die CSS-Datei mit Dev-Tools anzuzeigen? Wenn nicht, erläutern Sie bitte, warum dies nicht der Fall ist.

Bearbeiten: Ich habe gerade festgestellt, dass diese Frage auch als "Unterfrage" von @ erscheindiese, aber niemand da drüben hat versucht, es zu beantworten, obwohl es eine akzeptierte Antwort gibt.