All You Need Is DevTools
summary
Covering Chrome/Edge/Firefox DevTools, the talk walks through dozens of useful and hidden DevTools features, tips, and tricks. It explains the performance and network panels, demonstrates advanced experimental features, and shows debugging workflows for CSS and JavaScript.
AI-written summary · about
chapters (16)
- 0:00Introduction
- 3:17DevTools purpose
- 5:02DevTools profiles
- 12:31DevTools settings
- 14:00Local overrides
- 21:59Network Panel priorities
- 39:28Network Panel filters
- 45:24Performance basics
- 51:53Reload issues
- 53:40Performance analysis
- 59:38Long Tasks impact
- 1:05:42Responsiveness debugging
- 1:07:04Code coverage
- 1:08:49User action testing
- 1:10:31DevTools tools
- 1:12:13Conclusion
related talks
38mLesser-known Chrome DevTools Features
29mMastering your browsers' Dev Tools
32mChrome Dev Tools. New & Tips
22mDevTools: The developer's Swiss Army knife
31mDetecting Web Performance Problems with Chrome DevTools
52mDeveloper Tools That Shouldn't Be Secrets
43mModern web debugging with devtools
35mOptimise your Web Development Workflow