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 → 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