The World Beyond console.log

on YouTube ↗30m

" summary

Argues that console.log is brittle and shows concrete replacements: structured logging with context, interactive breakpoints and runtime inspection, and visual annotation for image diffs. Demonstrates a small image‑change flagger that hooks into the app DOM and surfaces changed imgs in the UI and it works in real runs. Reports debugging cycles noticeably shrink when using these tools instead of scattershot console statements.

AI-written summary · about

" chapters (5)

1. 0:00Debugging beyond console.log
2. 14:28Initiator tab for debugging
3. 19:48Inspecting elements in browser
4. 25:52Advanced debugging tools
5. 29:49Q&A

" related talks

• 28mEssential JS debugging tools for the modern detectiveRebecca Hill · localhost conference 2019
• 29mEssential JavaScript debugging tools for the modern detectiveRebecca Hill · JSConf Budapest 2019
• 33mEssential JavaScript debugging tools for the modern detectiveRebecca Hill · You Gotta Love Frontend 2019
• 47mDebugging, Profiling, & Rocking Out with Browser-Based Developer Tools!Mike Herchel · Frontend United 2018
• 05mDebugging, a step away from the consoleAdam Weeks · dotJS 2018
• 30mVisualizing process evolutionDann Toliver · JSConf US 2015
• 21mFuture of Web ToolingNikita Vasilyev · JSConf EU 2014
• 34mVisualising program executionJan Paul Posma · Strange Loop 2015