Skipping control to different line while debugging JavaScript (Using Chrome/Firefox/Safari) (NOT in IE)

I want to debug javascript in Chrome/Firefox/Safari.
I am able to do that.

But I need to control the execution of the debug manually.
How can I move the control of the cursor manually during debug (Just like you can do in Visual Studio when you use IE as the browser).
I want to be able to move the debug sequence manually while it is paused at certain points in the JavaScript.

I know I can do it using IE (when it passes control to Visual Studio). I want to be able to do the same in other browsers.
How can I do that?
ArikkanAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Tom BeckCommented:
In Firebug for example (Firefox browser), set a breakpoint at the beginning of the script you want to step through by clicking to the left of the line number. Trigger the script. This can be a button click or a refresh of the page or whatever it takes. The script execution will halt at the breakpoint. The Play, Step Into, Step Over, and Step Out icons will now be active. To move quickly to another part of the code, set a new breakpoint and hit the Play icon and execution will jump to that point and wait for your input. Variable values appear in the right column. At the top right you can add your own "watch" items.
ArikkanAuthor Commented:
@Tom Beck: "To move quickly to another part of the code, set a new break-point and hit the Play icon and execution will jump to that point and wait for your input. "


I know that execution will move to the second break-point (And Run all code in between).
What I wanted is to manually move the execution to the second break-point (Without running the intermediate code).

(We can do this while debugging javascript in Visual Studio using IE. We can pick up the current execution step and move it with our mouse where we want.).

I want to know how to do this in other browsers. Or if it is even an existing functionality as of now?
Tom BeckCommented:
Not in my experience. Developer tools in browsers are fairly rudimentary. I cannot even wrap my head around what you are describing.
What I wanted is to manually move the execution to the second break-point (Without running the intermediate code
Javascript executes in a linear fashion pretty much synchronously from beginning to end (some javascript functions like eval or setInterval run asynchronously). A debugger that allowed you to skip some of the execution steps would be useless in situations where the code you move to is dependent on the code you left. If you don't run the code in between then there would be a good chance that the page is not in the correct state to effectively debug the remaining code. It doesn't make sense to me.
Big Business Goals? Which KPIs Will Help You

The most successful MSPs rely on metrics – known as key performance indicators (KPIs) – for making informed decisions that help their businesses thrive, rather than just survive. This eBook provides an overview of the most important KPIs used by top MSPs.

ArikkanAuthor Commented:
We can do this while debugging javascript in Visual Studio using IE. It is available.  You can check.
ArikkanAuthor Commented:
Is there a way to do that with other browsers?
Tom BeckCommented:
I suspect that when you move to a different part of the code in the IE debugger, IE is quietly executing the code in between. It would be pointless, confusing and disruptive to the results to skip any of the code execution.

Sorry, I don't have Visual Studio or IE in my test environment.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
ArikkanAuthor Commented:
I checked and the code in between is never executed if you move the control manually.
It is an option available in IE that seems to be missing in every other browser.

:-(
Tom BeckCommented:
Good thing. I wouldn't want a feature like that when I'm debugging javascript. Microsoft always thinks they have a better idea. It took them decades to finally confirm to web standards. Even when they had a 95% market share they could not convince developers to adopt their home-spun quirky web browser standards.
ArikkanAuthor Commented:
Is there any tool that allows us to debug like the way IE does?
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
JavaScript

From novice to tech pro — start learning today.