Syntax - Tasty Web Development Treats

Debugging Tools + Tips

14 snips
Jun 12, 2019
Dive into the world of debugging as the hosts explore essential tools and techniques like console.log and breakpoints. Learn how to harness browser developer tools and network requests for better problem-solving. Discover the unique rubber duck debugging method, which emphasizes the power of explaining problems aloud. The discussion also takes a light-hearted turn with comparisons of electric versus gas lawnmowers and a shared love for coffee. Tune in for practical insights and a bit of fun along the way!
Ask episode
AI Snips
Chapters
Books
Transcript
Episode notes
ADVICE

Debugger and Breakpoints

  • Insert the debugger statement to pause code execution.
  • Use breakpoints to inspect call stack and scope.
ADVICE

VS Code and Chrome Debugger

  • Connect VS Code to your Chrome debugger for enhanced debugging within your IDE.
  • This integration provides a more seamless debugging workflow.
ADVICE

Advanced Breakpoints

  • Use XHR breakpoints to inspect network requests from any application.
  • Set breakpoints for DOM changes, event listeners, and other events to pinpoint issues.
Get the Snipd Podcast app to discover more snips from this episode
Get the app