19

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

totymedli
  • 29,531
  • 22
  • 131
  • 165
Ryan Scharfer
  • 505
  • 1
  • 3
  • 11
  • 2
    Try removing your Breakpoints (visible in the right panel) and it should work as normal. – tftd Aug 28 '15 at 16:27
  • This question is not a duplicate. This one asks how to disable breakpoints while the linked one are about pause on exception. The two has different solutions. – totymedli Jun 12 '20 at 09:45

4 Answers4

18

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.

totymedli
  • 29,531
  • 22
  • 131
  • 165
9

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.
Timothy Beamish
  • 472
  • 3
  • 10
2

Check your DOM, XHR and Event Listener breakpoints, and ensure they're unchecked/inactive.

devoxel
  • 76
  • 1
  • 5
1

To stop the debugger in Chrome, the circled icon should be deactivated (which will turn it grey colored): Example of icon

Timothy R. Butler
  • 1,097
  • 7
  • 20
bilinenkisi
  • 46
  • 4