loading...
Cover image for DevTools tips: Inline source editing

DevTools tips: Inline source editing

markomannux profile image Marco Mannucci ・1 min read

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

Discussion

pic
Editor guide