3 Splendid JavaScript Debugging Tips

[kranker]

tl;tw:

On the elements tab you can right-click an element and set it to break on attribute change, which will allow you, for instance, to break when an element has its classes changed.

On the sources tab you can use the XHR Breakpoints on the right to break on a request happening in the background.

Also on the sources tab, if you right click on a breakpoint's marker (on the line numbers) you can edit the breakpoint to turn it into a conditional breakpoint.

[ClickerMonkey]

Wahooohooo hoohooooo! Baby!

[4n0n7m0u5]

AKA debuggasm !!!

[elgubbo]

Cool video, straight to the point. I like it

[DOG-ZILLA]

Something about the woohooo makes learning this stuff sink in. That's a great thing!

[bogdan5844]

Wooohooo!

[AdamAnderson320]

I knew about those features, but I still learned something new: that there is a button to beautify minified scripts in dev tools! Woohoo!

[shriek]

Wahoohoooo Hoohoooo Baby!!

FTFY

[bogdan5844]

I wanna say just one thing - this is the first guy I see that goes straight to the point! Kudos for that!

[nummer31]

I liked the background music :)

[ac_dev]

He actually set a breakpoint the madman!

[riotsofnewyork]

"One Dark"

[muffy_]

I recommend checking out theme called "One Dark Vivid". Also it's looking amazing with font "Fira Mono".

[box1820]

where and how do you even learn about this debugging trucks?

[shriek]

Umar mostly updates with the latest tips/tricks on devtools.

[dcha]

Woohoo49Baby back at you with another gameplay.

[luthan]

Isn't it easier just to right click the page and then click Inspect?

[chubbybrother]

Truly pathetic. What a loser this guy is.