Attach an external css file in Chrome Web Inspector

Question

Say I'm working with another partner. He asked me to improve his work only with CSS. But I do not have such working (network) files. Therefore, I can configure some values ​​in the browser through the Web Inspector (ctrl + shift + I). I can write all my additional styles on some note. But is there anyway to create a css file and attach it to a live site for the purpose? Therefore, I can just send my external css file after all the work is done.

Answer 1

Yes. If you create a new file and save it somewhere, you can publicly access http://localhost/style.cssand change the href value on the website to <link href="http://localhost/style.css" rel="stylesheet" type="text/css">. This will force css to reload with a new stylesheet.

I don't know if there is a cleaner / faster way to do this, but it works.

However, the attempt file:///C:/Users/[username]/Desktop/style.cssdoes not seem to work, as the browser will not allow you to download this resource for security reasons.