How to replace Javascript of production website with local Javascript?

by

The way I do it:

  1. Download and install Fiddler if you are on windows.
  2. Enable it to catch http traffic [IE/Chrome does it by default, Firefox – enable it through the add on it installs]
  3. Load up the page in question.
  4. Find the file you want to replace in the http traffic list on the left and click on it.
  5. On the right there is an AutoResponder tab. click on it.
  6. Click on the checkbox to “enable automatic responses”
  7. Click Add.. button
  8. The 2nd dropdown on right, choose the option that says “find a file”
  9. Locate the file in the dialog and click save
  10. Repeat steps 4-9 until you replace all the files you want to replace
  11. 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.

More Related Contents:

  1. How can I debug my JavaScript code? [closed]
  2. Chrome/Firefox console.log always appends a line saying ‘undefined’
  3. How can I get the full object in Node.js’s console.log(), rather than ‘[Object]’?
  4. How to quickly and conveniently disable all console.log statements in my code?
  5. My very simple Greasemonkey script is not running?
  6. Why is console.log() considered better than alert()?
  7. Breakpoint on property change
  8. How to set a JavaScript breakpoint from code in Chrome?
  9. Using Chrome, how to find to which events are bound to an element
  10. JavaScript: Is there a way to get Chrome to break on all errors?
  11. Editing in the Chrome debugger
  12. Javascript Debugging line by line using Google Chrome
  13. Common sources of unterminated string literal [duplicate]
  14. JavaScript data formatting/pretty printer
  15. Intercept calls to console.log in Chrome
  16. How do I print debug messages in the Google Chrome JavaScript Console?
  17. How to show full object in Chrome console
  18. how to set DOM Breakpoints in chrome
  19. console.log.apply not working in IE9
  20. Is there something like “Firebug for IE” (for debugging JavaScript)?
  21. Chrome javascript debugger breakpoints don’t do anything?
  22. How to go about debugging JavaScript in the HtmlService in Google Scripts
  23. How to debug dynamically loaded JavaScript (with jQuery) in the browser’s debugger itself?
  24. Chrome debugging – break on next click event
  25. Is it possible to change javascript variable values while debugging in Google Chrome?
  26. Get rid of [dynamic] JavaScript views in Visual Studio
  27. JavaScript Troubleshooting Tools in Internet Explorer
  28. JavaScript: How do I print a message to the error console?
  29. Find what javascript changes the DOM?
  30. Chrome developer tools do not show all JavaScript files any more

Leave a Comment