Read more

Chrome DevTools: Event Listener Breakpoints

Julian
October 31, 2022Software engineer at makandra GmbH

tl;dr

In Chrome DevTools in the Sources tab you can activate Event Listener Breakpoints for debugging events.

Example

The Event Listener Breakpoints in the Chrome DevTools can be quiet useful for debugging why and where code is handling specific events.

Illustration online protection

Rails Long Term Support

Rails LTS provides security patches for old versions of Ruby on Rails (2.3, 3.2, 4.2 and 5.2)

  • Prevents you from data breaches and liability risks
  • Upgrade at your own pace
  • Works with modern Rubies
Read more Show archive.org snapshot

Here you can see a very simple example that shows what lines of code handle a click:

Image

You can use this Code Pen Show archive.org snapshot if you want to try it yourself.

Limitation

You can't use Event Listener Breakpoints with framework specific breakpoints!

Posted by Julian to makandra dev (2022-10-31 15:50)