30

Some semi-recent update to Chrome now places an overlay on my webpage when paused at a breakpoint. I'm specifically trying to view the state of my page markup at this point, and the overlay is hiding exactly what I want to see!

Is there a way to turn off this markup?

Or is there a way to revert Chrome to a version that doesn't have this mis-feature?

unor
  • 82,883
  • 20
  • 183
  • 315
ericslaw
  • 797
  • 1
  • 7
  • 16

3 Answers3

31

Now there is an option in Inspector's settings, just uncheck Disable paused state overlay: Go to Settings (F1), the Preferences tab (the first one) and it's the last option under Appearance (top left).

It is very usable with the setTimeout(function(){debugger;}, 5000); trick to inspect elements that are visible only on hover.

Kev
  • 14,115
  • 14
  • 75
  • 106
István Ujj-Mészáros
  • 3,052
  • 24
  • 42
  • 9
    To further clarify, you go to Settings (F1), the Preferences tab (the first one) and it's the first option under Appearance (top left). (tested in Chrome 60 and Opera 46). – William Turrell Jul 14 '17 at 10:41
  • 1
    would be pretty nice, if there was still a way to see that you're actually in pause mode... – devman Dec 14 '17 at 14:07
  • and maybe in the same developer tools window @devman – Francisco A. Cerda Jan 10 '21 at 00:05
  • 1
    Thanks for this tip! And for putting the debugger in pause, you can also open the Dev panel and the `Sources` tab, then press `F8` at any moment. – matt May 05 '21 at 06:54
6

I've run into this same issue, and I discovered that if I switch to the "Elements" tab and enable the element inspector (the button in the lower right with the magnifying glass icon) then the overlay is hidden. As you might expect, when you disable the element inspector again the "paused in debugger" message comes back, so I usually just leave the inspector enabled while I'm stepping through the debugger.

It may not be intuitive, but at least it works. If there are any other alternatives, I'd love to hear them!

hopper
  • 12,140
  • 7
  • 48
  • 50
0

If you see "Paused in Debugger" popup on Chrome 90.0+, then make sure to enable this setting under Preferences -> Appearance in Chrome Dev Tool to disable the popup.

enter image description here

Amit Shahi
  • 31
  • 5