Como visualizar a folha de estilo css injetada por uma extensão do Google Chrome usando as ferramentas de desenvolvimento?

Estou injetando um arquivo css da minha extensão do chrome usando o manifest.json (fonte completa):

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

No Chrome Dev Tools, se eu inspecionar um elemento que é afetado pelo CSS injetado, as regras são visíveis, mas no canto superior direito, onde normalmente estaria o nome do arquivo de origem, apenas diz "folha de estilo injetada". Eu gostaria de ver TODAS as regras que estão sendo injetadas, mesmo aquelas que afetam elementos que não existem atualmente no DOM.

Eu esperava que o arquivo .css apareça em "fontes" em "scripts de conteúdo" com os arquivos .js, mas eles não estão lá.

Existe uma maneira de visualizar o arquivo .css através das ferramentas de desenvolvimento? Caso contrário, explique por que não existe.

Edit: Acabei de descobrir que esta pergunta também aparece como uma "sub-pergunta" deeste, no entanto, ninguém lá tentou responder, mesmo que haja uma resposta aceita.

questionAnswers(3)

yourAnswerToTheQuestion