How to pause JavaScript after page done loading?

Question

I am loading an HTML page in my browser from a web site. As far as I understand, the browser loads the page first, then starts executing the JavaScript code on it.

Question: How can I pause the JavaScript execution in Google Chrome as soon as the page is done loading, and then start it after, manually?

What I am trying to achieve is to load the page in a browser (any browser, but preferably Google Chrome), but edit the javascript code before it starts executing.

@dave I mean that I want to edit the javascript code on the page, before it starts executing — Victor2748
– Victor2748, Commented Mar 31, 2015 at 18:26
Are you talking about an evil post-load-javascript-manipulation or a basic timeout? Also, how would you "edit the javascript code" if, to check if the dom has been loaded, you probably are already using javascript..? — briosheje
– briosheje, Commented Mar 31, 2015 at 18:27
Are you trying to debug a page? Chrome allows you to set breakpoints and pause execution in the Developer Tools. — Aweary
– Aweary, Commented Mar 31, 2015 at 18:28
Your assumption isn't always true, but you could use the HTML body elements onload handler, to execute a script once the page loads. Also, Chrome has built-in developer tools to set breakpoints and debug the javascript. — yas
– yas, Commented Mar 31, 2015 at 18:29

Community · Accepted Answer · 2020-06-20 09:12:55Z

1

Check out Debugging Javascript in Chrome. You can set breakpoints at the beginning of any JS file and then continue from there.

Debugging with breakpoints

A breakpoint is an intentional stopping or pausing place in a script. Use breakpoints in DevTools to debug JavaScript code, DOM updates, and network calls.

Click the line gutter to set a breakpoint for that line of code. A blue tag will indicate if a breakpoint has been set

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Mar 31, 2015 at 18:30

Aweary

2,31219 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Medeman · Accepted Answer · 2015-03-31 18:30:07Z

1

Well, in Google Chrome you can achieve this with the developer tools (and in most other popular browsers). Open them with F12 and set a breakpoint in your script under the "Sources" tab.

You can then edit and save (Ctrl-S) your script and press F8 to continue execution with the new code.

answered Mar 31, 2015 at 18:30

Medeman

364 bronze badges

Collectives™ on Stack Overflow

How to pause JavaScript after page done loading?

2 Answers 2

Debugging with breakpoints

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Debugging with breakpoints

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related