Every time I refresh my web app with the Chrome Inspector open it pauses and takes me to the sources tab with a big red arrow icon pointing to some weird line inside jQuery.
I see
Paused in debugger
in the top-middle of the window, and
Paused on exception: DOMException
in the Call Stack on the sources tab.
As far as I'm aware, I haven't set any breakpoints and this code wasn't throwing exceptions before - so what's going on?
That little pause icon in the lower left. Should be black in color. Click it to cycle through several breakpoint options.
I had been debugging and forgotten to remove a breakpoint.
Also check that you haven't ticked "Any XHR" under XHR Breakpoints.
To disable this on On Windows for Chrome.
In "Script" button circled in red below, cycle to same state ("Don't pause on Exceptions")
This can also cause the issue
Break Point icon at top left should be blue like this(For Deactivate BreakPoints)
Should not grey like this
I was able to clear a phantom breakpoint I had while using Chrome by closing developer tools, refreshing the page, and then opening developer tools.
来源：https://stackoverflow.com/questions/5174968/why-is-chrome-pausing-on-some-line-inside-jquery