Debugging PWA with DevTools #DevToolsTips
Channel: Chrome for Developers
Date: 2023-01-31

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