Where is the css file located?

[FRANK G]

I injected css file in the page via content script and the css style is applied, but I was wondering where is the actual css file located? How can access the injected css file using dev tool?

Manifest.json

"content_scripts": [

{

"js": ["content-script.js"],

"css": ["content-script.css"],

}

Thanks.

[Stefan Van Damme]

Hi there,

The CSS file stays inside your Chrome extension. And with the Chrome inspector, you can see if the CSS override, that with the label "injected stylesheet".

For example, this is the accessible link in the Chrome web browser (for my Turn Off the Lights Chrome extension):

chrome-extension://bfbmjmiodbnnpllbbbfblcplfjjepjdn/css/light.css

For you can be at this location:

chrome-extension://YourID/content-script.css

For more information about debugging see this documentation:

https://developer.chrome.com/docs/extensions/mv3/tut_debugging/#debug_cs

Thanks,

Stefan vd