Read more

Chrome DevTools: DOM Breakpoints - Breakpoints on HTML Elements

October 27, 2022Software engineer at makandra GmbH


In Chrome DevTools in the Elements tab or in Firefox in the Inspector tab you can right click on an element and choose Break on to debug changes related to this element.


DOM Breakpoints can be quite useful to quickly find the JavaScript that is responsible for some (unexpected) behavior. You can use DOM Breakpoints for debugging subtree modifications, attribute modifications or node removal.

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 snapshot

Here you can see a very simple example that shows what JavaScript lines are responsible for a text change (subtree modification):


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

Posted by Julian to makandra dev (2022-10-27 09:08)