Debugging PWA with DevTools #DevToolsTips

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 → https://goo.gle/3HMc9ES Debug Progressive Web Apps → https://goo.gle/devtools-pwa Service Worker life cycle → https://goo.gle/40lyZKH Unpacking the Workbox → https://goo.gle/unpacking-workbox Maskable icons → https://goo.gle/3JtMjqo Questions? Tweet to us: Jecelyn Yeen → https://goo.gle/jecfish Chrome DevTools → https://goo.gle/chromedevtools Catch more DevTools Tips → https://goo.gle/DevToolsTips Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs #DevToolsTips #Chrome #Developer