Mastering your browsers' Dev Tools
summary
This talk reviews advanced features of browser Developer Tools, focusing mainly on Chrome DevTools with comparisons to other browsers. It demonstrates techniques to detect and analyze performance issues, simulate different environments (network latency, accessibility conditions), and highlights lesser-known tools and workflows to improve web development efficiency.
AI-written summary · about
chapters (11)
- 0:00Introduction and presentation
- 1:44First tool
- 2:39Second tool
- 4:19Third tool
- 5:57Fourth tool
- 7:36Fifth tool
- 9:14Sixth tool
- 10:37Seventh tool
- 12:14Eighth tool
- 15:58Ninth tool
- 18:04Tenth tool
related talks
31mDetecting Web Performance Problems with Chrome DevTools
38mLesser-known Chrome DevTools Features
01h 13mAll You Need Is DevTools
33mChrome DevTools, From Prototype to Production
22mDevTools: The developer's Swiss Army knife
32mChrome Dev Tools. New & Tips
35mOptimise your Web Development Workflow
28mGetting down to brass tacks: Using chrome dev tools to level up your applications