Instant Debugging with the debugger Keyword
Triggering Debugging from the Console
DOM Breakpoints: Monitoring DOM Changes
XHR Breakpoints: Uncover...
For further actions, you may consider blocking this person and/or reporting abuse
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.Hi @codenameone ,
Thank you for your detailed post on front-end debugging! Your insights on the
debuggerkeyword and DOM breakpoints are incredibly helpful as I transition from Java to front-end development. I look forward to the rest of the series!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.
This is part of a series. I will delve deeper into how you can use
Console.logmore effectively too.Picked up a few new tricks
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...
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.
Hi Shai Almog,
Top, thanks for sharing.
Thank you for sharing :)
Awesome. Thanks 🙏
Picked up a few new tricks, thanks! 👍
informative
Thanks!
Have you tried JsTraceToIX?
It solves many problems not handled by adding console.log!
And much more!
Github: github.com/a-bentofreire/jstracetoix
Website: devtoix.com/en/projects/jstracetoix
This post was mostly focused on generic JS and not framework debugging. I actually don't get into JS frameworks at all. Thanks for sharing.
JsTraceToIX is independent of any framework, it's for debugging generic JS mainly, but also supports frameworks.