Preview CSS on your live site with Charles proxy

What if you could check/preview your CSS changes before you push your changes to your site? You can with Charles proxy. Check out the video below from Learnable.com.

First enable local mapping. Under “Tools” > “Map Local”.

Charles enable map local
Charles enable map local

Then select the CSS file you want to override with your local copy.

Charles CSS mapping
Charles CSS mapping

Too easy. When you next refresh your browser you will see the changes you made to your CSS. You now have a great way to double-check your changes before go live.

Have a good explore around all the features of Charles, it’s a great tool to have in your toolbox.