How can I make live changes to Javascript in chrome webdeveloper tool?

Question

I am trying to figure out how I can make a change to javascript and then reload the page with the new javascript changes in the same way you can change CSS and html on the fly. I understand that the javascript will need to actually reload the page, but the problem is once you reload it redownloads the original javascript on the server.

So how can I modify the javascript on the fly so that I can test the design with the new javascript changes without having to upload it to the server?

Answer 1

Perhaps you're wanting to use the LiveEdit feature in Chrome? Using it is as simple as opening the Developer Tools, go to the Sources panel, and use the Ctrl/Cmd + Shift + O to find the script you want to edit. Then click the pause button to pause debugging, modify the script as needed, then Ctrl/Cmd + S to save your modifications, and finally click the pause/resume button to resume execution.