Debugging PWA with DevTools | DevTools Tips

PWA stands for Progressive Web Apps. In this episode, Adriana and Jecelyn will walk us through some tips to build and debug a PWA. Chapters: 0:00 Intro 0:20 What is PWA 1:06 Installability 1:17 Manifest pane in DevTools 1:38 Maskable icons 2:01 What are Service Workers? 2:20 Workbox - Production-ready service worker libraries and tooling 2:38 Service Workers pane in DevTools 3:24 Richer install UI in PWA 3:59 Shortcuts 4:12 Learn more Resources: Learn PWA → Debug Progressive Web Apps → Service Worker life cycle → Unpacking the Workbox → Maskable icons → Questions? Tweet to us: Jecelyn Yeen → Chrome DevTools → Catch more DevTools Tips → Subscribe to Google Chrome Developers → #DevToolsTips #Chrome #Developer