DevTools tips: Inline source editing

markomannux

Marco Mannucci

Posted on September 23, 2020

DevTools tips: Inline source editing

One of the cool features of Chrome/Chromium DevTools, is the ability of modifying js scripts code directly in the source inspector!

Just open the Source panel and start hacking in the code of one the listed scripts.
Save your modifications with ctrl-s (cmd-s on Mac) and check the result in your app!

This may come in handy if you you want to try out simple modifications on the front-end without rebuilding the whole app or even refreshing the page!

Check it in action 👇

Alt Text

💖 💪 🙅 🚩
markomannux
Marco Mannucci

Posted on September 23, 2020

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

DevTools tips: Inline source editing
devtools DevTools tips: Inline source editing

September 23, 2020