Sometimes you have the luck that you must work on a project that is quite old an contains alot of scripts. Then, one day you are developing (or debugging) and you noticed that a certain html tag's attribute changed. You know that this is done by a script since that attribute does not have that value when viewing the source or when you look at what the backend renders. The next step is then obviously to find that script (and code line) so you can understand why it happens and, if needed fix it.
As I found out recently, chrome's dev tools can actually set a breakpoint on the moment an attribute changes.
To get straight to the point, you can you can right click on a html node and choose break on and then pick attribute modifications like this:
Then, as soon as an attribute changes, the code will stop executing on the line that does the attribute changes
Claim your page on DEV before someone else does
Level up every day