Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How do I stop the debugger in Chrome Dev Tools?

I would like to interact with the page I am building with the console open. Unfortunately, if I trigger an event on my page the Dev Tools switches from "Console" to "Sources" and says "paused in debugger." It's driving me bananas. Is there a way to deactivate it?

Debugger activates itself anytime I interact with my page

like image 724
Ryan Scharfer Avatar asked Aug 28 '15 16:08

Ryan Scharfer


People also ask

How do I disable debugging in Chrome DevTools?

Go to the "Sources" tab. At the top right hand side, toggle the button that looks like the pause symbol surrounded by a hexagon (button on the far right) until the color of the circle turns black to turn it off. If the pause symbol isn't blue it may be that you've accidentally marked a line for debugging inspection.

How do I stop debugging?

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


2 Answers

How to deactivate breakpoints

Just press Ctrl + F8. Alternatively you can click the related button next to the buttons controlling the debugger.

Deactivate breakpoints inside devtools

This way the execution won't stop. It is especially useful when you try to inspect websites not under your control that left breakpoints (debugger command) in the source code, that might have been done intentionally to prevent you from doing said inspection.

like image 57
totymedli Avatar answered Nov 09 '22 10:11

totymedli


You likely have a Breakpoint set on an Event. To remove it:

  1. Open Debugger (F12)
  2. Click on the Sources Tab
  3. Click on the Event Listeners Breakpoints accordion dropdown (on the right)
  4. Unselect (untick) each event that you do NOT want to break on.
like image 34
Timothy Beamish Avatar answered Nov 09 '22 10:11

Timothy Beamish