The way I do it:
- Download and install Fiddler if you are on windows.
- Enable it to catch http traffic [IE/Chrome does it by default, Firefox – enable it through the add on it installs]
- Load up the page in question.
- Find the file you want to replace in the http traffic list on the left and click on it.
- On the right there is an AutoResponder tab. click on it.
- Click on the checkbox to “enable automatic responses”
- Click Add.. button
- The 2nd dropdown on right, choose the option that says “find a file”
- Locate the file in the dialog and click save
- Repeat steps 4-9 until you replace all the files you want to replace
- Refresh the browser window and your new js files are running
Instead of replacing the js file, you can replace the html file and change the js links on the page.
You can install Charles if you are on a mac/linux. (not free, has trial) Steps are similar, but not the same.
If you are using Google Closure to compress files, you can install their plug-in to do the source mapping.