DEV Community

Front End Debugging Part 1: Not just Console Log

Shai Almog on October 29, 2024

Instant Debugging with the debugger Keyword Triggering Debugging from the Console DOM Breakpoints: Monitoring DOM Changes XHR Breakpoints: Uncover...

Read full post

Boopathi • Oct 29

This is a great introduction to front-end debugging! I especially appreciate the emphasis on going beyond just console.log. The debugger keyword and DOM breakpoints are powerful tools I'll definitely be adding to my arsenal.

Dhanush • Nov 5

Hi @codenameone ,

Thank you for your detailed post on front-end debugging! Your insights on the debugger keyword and DOM breakpoints are incredibly helpful as I transition from Java to front-end development. I look forward to the rest of the series!

Peter Bennett • Oct 31

Thank you. This is great.

Console logs are so convenient with javascript that I have not taken the time to learn other techniques. With Angular you just add a console.log to the code and it is instantly compiled and running. Remembering to remove all the console logs sometimes catches me.

Shai Almog • Oct 31

This is part of a series. I will delve deeper into how you can use Console.log more effectively too.

JoeSchr • Oct 31

Picked up a few new tricks, thanks! 👍

Dusan Petkovic • Oct 31

How often do you folks use console.log vs other ways to debug? and why?

Even with knowing how to use breakpoints I often just console log for debuging...

Shai Almog • Oct 31

That's fair and in the browser it sometimes makes sense. Lot's of times it's more convenient to just add a logpoint instead of changing the code flow. In an upcoming post I'll discuss how you can get more out of Console.log.