How do I stop the debugger in Chrome Dev Tools?

Question

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?

Answer 1

How to deactivate breakpoints

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

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.

Answer 2

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.

Answer 3

检查您的 DOM、XHR 和事件侦听器断点，并确保它们未被选中/处于非活动状态。

Answer 4

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