Chrome DevTools, From Prototype to Production
summary
This talk demonstrates using Chrome DevTools across three practical areas: speeding up prototype and MVP development with tips for CSS, shortcuts, mobile web and responsive design; preparing web apps for production with a checklist, audits and recommendations from the Audits panel; and debugging production issues using breakpoints and advanced debugging features.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 2:28DevTools interface
- 7:48Prototyping web apps
- 13:49Component libraries
- 17:03Auditing with Lighthouse
- 23:11Debugging production errors
- 27:46Mobile debugging
- 31:24Debugging DevTools
- 32:07Resources
related talks
29mMastering your browsers' Dev Tools
35mOptimise your Web Development Workflow
32mChrome Dev Tools. New & Tips
31mDetecting Web Performance Problems with Chrome DevTools
38mLesser-known Chrome DevTools Features
28mGetting down to brass tacks: Using chrome dev tools to level up your applications
43mWork Smarter, not Harder with Chrome DevTools
27mChrome Developer Tools