CODEWITHSUNDEEP
javascriptgoogle-chromedebuggingchromium
peoro
peoro

Reputation: 26060

Edit JavaScript code in chrome and reload page

Very often I hack and play with the JavaScript code on some website. Many times JavaScript code is secured in a function:

(function(){
    var = ...
    ...
}());

and I cannot access the object defined in that scope.

Moreover such code is only executed once, when the page loads, thus modifying it with the chromium/google-chrome developer console (Sources toool) is useless.

Is there any simple way to live-edit some JavaScript code in a page and reload the page so that it runs the modified code?

Upvotes: 1

Views: 2432

Answers (3)

peoro
peoro

Reputation: 26060

I found a way to achieve what I needed.

Using Chromium's debugger I can set a breakpoint on any statement of the source code.

Once that statement is executed, the code suspends and Chromium's console gives me access to whatever is in the stack of the current function.

Upvotes: 1

Jeremy J Starcher
Jeremy J Starcher

Reputation: 23873

I wouldn't call it simple, but something like Intercept Proxy might be able to do it -- replacing one file with another.

Upvotes: 1

haxxxton
haxxxton

Reputation: 6442

Have a look at using something like Tampermonkey https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo?hl=en

the Chrome equivalent of Firefox's Greasemonkey

EDIT: you could use this in combination with adblock to disable the loading of the script you are targeting: https://stackoverflow.com/questions/13919183/how-to-turn-off-one-javascript-or-disable-it-under-chrome

Upvotes: 1

Related Questions