Debugging PWA with DevTools | DevTools Tips

Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=fGU39PukAlA



Duration: 4:51
6,452 views
180


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







Tags:
Chrome
Developers
Google
Web
Chrome Devtools
chrome developer tools
intro to devtools tips
what are devtools tips
how to use devtools tips
devtools tips tutorial
devtools
chrome
developer
developers
google developer
google developers
google chrome developers
chrome developer
chrome developers
google chrome
Jecelyn Yeen
Adriana Jara