Why is Chrome pausing on some line inside jQuery?

JavascriptJqueryGoogle ChromeBreakpointsGoogle Chrome-Devtools

Javascript Problem Overview

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?

Javascript Solutions

Solution 1 - Javascript

That little pause icon in the lower left. Should be black in color. Click it to cycle through several breakpoint options.

Solution 2 - Javascript

I had been debugging and forgotten to remove a breakpoint.

Event Listener Breakpoints

Solution 3 - Javascript

Also check that you haven't ticked "Any XHR" under XHR Breakpoints.

Solution 4 - Javascript

To disable this on On Windows for Chrome.

In "Script" button circled in red below, cycle to same state ("Don't pause on Exceptions")

enter image description here

Solution 5 - Javascript

Solution for Visual Studio debugging

I had the same problem with the "Paused in debugger" showing up when I was building a website with MVC 5 and razor.

What solved the problem for me was to:

  1. Remove all breakpoints in the code (some were set in JavaScript code).

  2. Start debugging the project, click the "Exception settings" tab, and deselected "JavaScript (Chrome) Exceptions" checkbox.

  3. Stop debugging - Settings will apply first after a restart

  4. Start debugging - no more "Paused in debugger"

Somewhere along the line, I must have checked the "JavaScript (Chrome) Exceptions" checkbox, and forgot about it.

Link to Exception Settings Image

Solution 6 - Javascript

This can also cause the issue

Break Point icon at top left should be blue like this(For Deactivate BreakPoints)

enter image description here

Should not grey like this

enter image description here

Solution 7 - Javascript

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.

Solution 8 - Javascript

for me this was the problem: enter image description here I had to uncheck the any XHR or fetch checkbox

Conclusion: I don't know if you if this will fix the problem but I guess that if you have any checkbox checked in any tab that has Breakpoints in its name just uncheck it and see if it works, and uncheck breakpoint symbol in the top left bar till it's grey, and then you will need to hit the pause or play button in the top left bar and nothing should appear any more.

Categories
Recommended Javascript Solutions
Recommended Jquery Solutions
Recommended Google Chrome Solutions
Recommended Breakpoints Solutions
Recommended Google Chrome-Devtools Solutions

Previous Solution:

Need to add space between SubPlots for X axis label, maybe remove labelling of axis notches

PythonMatplotlib

Next Solution:

What's the purpose of the noncharacters U+FDD0 to U+FDEF?

UnicodeNoncharacter

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionAndrew ArrowView Question on Stackoverflow
Solution 1 - JavascriptAndrew ArrowView Answer on Stackoverflow
Solution 2 - JavascriptKarsonView Answer on Stackoverflow
Solution 3 - JavascriptJeremy WarneView Answer on Stackoverflow
Solution 4 - Javascriptblue-skyView Answer on Stackoverflow
Solution 5 - JavascriptsolarstringsView Answer on Stackoverflow
Solution 6 - JavascriptAsif AsgharView Answer on Stackoverflow
Solution 7 - JavascriptmibaworkView Answer on Stackoverflow
Solution 8 - JavascriptYassine SafraouiView Answer on Stackoverflow