CODEWITHSUNDEEP
javascriptgoogle-chrome-devtoolsbreakpoints
Ryan Scharfer
Ryan Scharfer

Reputation: 545

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

Upvotes: 23

Views: 42914

Answers (4)

bilinenkisi
bilinenkisi

Reputation: 46

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

Upvotes: 1

totymedli
totymedli

Reputation: 31181

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.

Upvotes: 20

Timothy Beamish
Timothy Beamish

Reputation: 492

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.

Upvotes: 9

devoxel
devoxel

Reputation: 86

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

Upvotes: 3

Related Questions