Debugging the Debugger

on YouTube ↗26m

" summary

A walkthrough of the Firefox DevTools debugger that reports concrete features and setup: it is a React + Redux app with source-map support, worker threads, and the remote debugging JSON protocol; it adds log points to replace console.log, supports web replay time‑travel recordings (Mac Nightly only), and implements reverse step over for reverse execution. Instructions live at docs.firefox-dev.tools, development moved to mozilla-central, and the community Slack lists about 462 members ready to review patches.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 0:03Debugging the Debugger Princiya Sequeira
3. 2:56Who coined the term 'Debugging'?
4. 3:54Evolution of the Debugger!
5. 5:22The Debugger Anatomy
6. 6:27Who invented Breakpoints?

" related talks

• 31mDebugging Your DebuggerJames Long · React Rally 2016
• 25mDevTools Deep DiveAlex Lakatos · JSPoland Conf 2017
• 35mDebugging JS and ReactMark Erikson · React Alicante 2024
• 26mTime travel debugging: A step-by-step guideJason Laster · JSConf EU 2018
• 30mEnter Inspector Inception: Let's See How Browser Developer Tools Work!Jason Laster · You Gotta Love Frontend 2016
• 28mModern Web DebuggingJecelyn Yeen · JSNation 2023
• 43mCleaning the Tar: Using React within the Firefox Developer ToolsJames Long · Strange Loop 2015
• 33mEssential JavaScript debugging tools for the modern detectiveRebecca Hill · You Gotta Love Frontend 2019