DEV Community

Cover image for DevTools tips: Inline source editing
Marco Mannucci
Marco Mannucci

Posted on

2

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

Top comments (0)

nextjs tutorial video

Youtube Tutorial Series

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series πŸ‘€

Watch the Youtube series

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay