Joshua Lin (@konekoya)

Debugging JavaScript Apps

Debugging tips

• Chrome Developer Tools is your best bet
• Utilize breakpoints and console.log wisely
• Tweak HTML & CSS in Element panel
• Isolate/break down the issue
• Ensure the bug can be reproduce

Breakpoints

• Step into/over/out
• Watch variables
• Debugger keyword

Little tips 

• Edit, delete and play around in element panel
• Scroll into view
• $0-$?
• console.log({ x }) and console.table()
• Debugging in slower network speed
• Styles and computed panels
• Preserve logs and disable cache