Lesser-known Chrome DevTools Features
summary
A practical tour of lesser-known Chrome DevTools features for web developers, showing useful, surprising, and interesting options beyond the common DOM, CSS and network inspection tools. The talk highlights specific hidden or advanced DevTools capabilities to help developers better debug and analyze web applications.
AI-written summary · about
chapters (13)
- 0:00Introduction
- 4:39CSS centering
- 7:07Gradients and animations
- 8:12Animation debugging
- 11:04CSS overview
- 14:40Lighthouse automation
- 17:56Error logging
- 20:28Recorder test recording
- 24:42Performance optimization
- 28:35Canary performance insights
- 31:04Accessibility
- 34:20Contrast and vision emulation
- 37:11Where to learn more
related talks
29mMastering your browsers' Dev Tools
01h 13mAll You Need Is DevTools
22mDevTools: The developer's Swiss Army knife
31mDetecting Web Performance Problems with Chrome DevTools
33mChrome DevTools, From Prototype to Production
43mWork Smarter, not Harder with Chrome DevTools
43mModern web debugging with devtools
52mDeveloper Tools That Shouldn't Be Secrets