Debugging the Debugger
summary
The Firefox DevTools debugger is itself a web application written in React and Redux and connects to the browser over a JSON remote debugging protocol so the debugger can debug other tabs and even be opened in the browser toolbox to debug itself. It ships practical features like lock points (add logs in the UI), condition breakpoints, source maps for webpack/Babel/TypeScript, a thread panel for worker threads, and an experimental web replay time‑travel debugger (Firefox Nightly on macOS with devtools.recordReplayMVP.enabled true).
AI-written summary · about
chapters (4)
- 0:00Start
- 3:49Who coined the term 'Debugging'?
- 4:48Evolution of the Debugger!
- 7:35Who invented Breakpoints?
related talks
31mDebugging Your Debugger
30mEnter Inspector Inception: Let's See How Browser Developer Tools Work!
35mDebugging JS and React
28mModern Web Debugging
25mDevTools Deep Dive
43mModern web debugging with devtools
43mCleaning the Tar: Using React within the Firefox Developer Tools
28mDevTools for the Progressive Web