Paused in debugger in chrome?

When debugging in chrome, the scripts are always paused in the debugger even if there are no break points set, and if the the pause is un-paused, it again pauses itself.

What can be done?

One possible cause, it that you've enabled the "pause on exceptions" (the little stop-sign shaped icon with the pause (||) symbol within in the lower left of the window). Try clicking that back to the off/grey state (not red nor blue states) and reload the page.

In my case, I had the Any XHR flag set true on the XHR Breakpoints settings, accessible over the Sources tab within Chrome's dev tools.

Uncheck it for Chrome to work normally again.

This can also cause the issue

Break Point icon at top right should be blue like this

Should not grey like this

If you navigate to Sources you can see the pause button at the bottom of the DevTools. Basically there are 3 possible pause option in DevTools while debugging js file,

• Don't pause on exceptions() :

  The pause button will be in grey colour as if "Don't pause on exceptions" is active.

• Pause on all exceptions() :

  The pause button will be in blue colour as if "Pause on all exceptions" is active.

• Pause on uncaught exceptions() :

  The pause button will be in purple colour as if "Pause on uncaught exceptions" is active.

In your case, if you don't want to pause, select Don't pause on exceptions. To select, toggle the pause button till it become grey.

And there is some options below ,if you have checked some,when the condition is active,the breakpoint debugger also active

You can press CTLR+F8 to activate or deactivate breackpoints.

This is the short solution.

Yep. I'm just learning chrome dev tools today, and found the same thing -- if the above fails, expand the area pictured here and look for breakpoints you may have set and forgotten.

Click on the Settings icon and then click on the Restore defaults and reload button. This worked for me whereas the accepted answer didn't.

At the right upper corner second last icon (encircled red in attached image) is for activate/deactivate debugging. Click it to toggle debugging anytime.

Chrome Debug console

Its really a bad experience. if the above answer didn't work for you try this.

Click on the Settings icon and then click on the Restore defaults and reload button.

Press 'F8' until its became normal.

Happy coding!!

Another user mentioned this in slight detail but I missed it until I came back here about 3 times over 2 days -

There is a section titled EventListener breakpoints that contains a list of other breakpoints that can be set. It happens that I accidentally enabled one of them on DOM Mutation that was letting me know whenever anything to the DOM was overridden. Unfortunately this led to me disabling a bunch of plug-ins and add-ons before I realized it was just my machine. Hope this helps someone else.

Really silly issue that I ran into that led me here with the debugger; command.: "debugger;" has a watch set on it.

It caused a page that just said debugger; to appear between every page load.

The way to disable it is to just right-click said Watch and click "Delete watch expression".

You can just go to Breakpoints in the chrome developer console, right click and remove breakpoints. Simple.

Threads > switch "Main" to "app"

In the "Threads" section I changed the context from "Main" > to "app". The "app" should have a blue arrow aside.

This was happening to me. I had a breakpoint on subtree modifications on the body tag, and every time I removed the breakpoints, they would be back after I refreshed. I was so confused, and I even removed all DOM breakpoints, but the phantom body subtree modification breakpoint kept coming back. Eventually, I reloaded the cache, and they disappeared.

For me this was due to a chrome extension, i turned off a few unwanted extensions and the message was gone.

There was a syntax error in my for loop. This caused the pause error.

no need to worried. just click here and refresh your page.