How to view css stylesheet injected by a Google Chrome extension using dev tools?

Question

I\'m injecting a css file from my chrome extension using the manifest.json (full source):

  \"content_scripts\": [
    {
      \"matches\": [
        \"http://*/         


        

Answer 1

Looks like there's no way to do this if you inject the CSS via content_scripts. I filed a bug here: https://crbug.com/800070

When the extension is in your control, Paul Irish suggests using this code pattern in order to make your styles inspectable: https://github.com/lateral/chrome-extension-blogpost/compare/master...paulirish:master

For other people's extensions, as far as I can tell there's no way to view the source code of the injected stylesheets in DevTools, if you go the content_scripts route.