13

So I have this web page I need to debug in IE (9). I'd like to use the Developer Tools. I need to create a breakpoint inside code that runs while the page is loading.

The problem is that even if I set a breakpoint, when I reload the page it will be erased, as this is a new context.

If said code only ran after some given action, I could create the breakpoint and only trigger the action afterwards. But it runs while loading, so no luck.

The debugger; statement could do what I want, but it triggers the VS Debug with... dialog, in which the only option is VS.

Thank you.

1 Answer 1

15

I've been doing this for quite a bit, here is the procedure I follow:

  1. Put your debugger; line wherever you need it to be in your javascript code.
  2. Open up IE and BEFORE loading your page and press F12 to bring up the Dev Tools
  3. In the Dev Tools, click on the Script tab and press the Start Debugging button. This will make the Dev tools aware of any breakpoints you have specified.
  4. Load up your webpage and the Dev Tool should pick up the debugger statement.

Good luck!

2
  • Thanks, Hector. That's just what was needed. And here I was, convinced there was no solution!
    – entonio
    Commented Aug 4, 2011 at 10:21
  • 4
    But what if we do not have control over code, i. e. we can put debugger?
    – skfd
    Commented Apr 23, 2012 at 14:57

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.