Debugging PWA with DevTools
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
Auf dieser Seite können Sie das Online-Video Debugging PWA with DevTools mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Chrome for Developers 31 Januar 2023 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 14,527 Mal angesehen und es wurde von 220 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
