Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to hide Chrome "paused in debugger" overlay?

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?

like image 355
ericslaw Avatar asked Nov 20 '12 17:11

ericslaw


People also ask

How do I freeze the screen in Chrome?

Lock your screen On a keyboard: Press Search + L. Or press Launcher + L. At the bottom right, select the time. Select Lock .

How do I stop debugging?

To end a debugging session in Microsoft Visual Studio, from the Debug menu, choose Stop Debugging.


2 Answers

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.

like image 165
István Ujj-Mészáros Avatar answered Sep 29 '22 10:09

István Ujj-Mészáros


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!

like image 45
hopper Avatar answered Sep 29 '22 11:09

hopper