🤓 Overriding files via Chrome DevTools

Ever wanted to change some CSS, JS of some website?

Let’s say, adding new CSS styles, or changing logic of web app in JS?

With a Chrome browser, this becomes possible even without extension.

1. Open Chrome DevTools (CMD+OPTION+I, CTRL+SHIFT+I)
2. Go to Network tab an pick any resource you want to override
3. From dropdown select Save For Overrides
4. Go to Sources > Overrides
5. Don’t forget to save changes in file (CMD+S, CTRL+S)

That’s, now just reload website and see the made changes.

Inspired by amazing dev tips from Umar Hansa

Cover photo: Photo by Arget on Unsplash