Debugging PWA with DevTools #DevToolsTips

Опубликовано 31 января 2023, 18:12

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 → goo.gle/3HMc9ES
Debug Progressive Web Apps → goo.gle/devtools-pwa
Service Worker life cycle → goo.gle/40lyZKH
Unpacking the Workbox → goo.gle/unpacking-workbox
Maskable icons → goo.gle/3JtMjqo

Questions? Tweet to us:
Jecelyn Yeen → goo.gle/jecfish
Chrome DevTools → goo.gle/chromedevtools

Catch more DevTools Tips → goo.gle/DevToolsTips
Subscribe to Google Chrome Developers → goo.gle/ChromeDevs

#DevToolsTips #Chrome #Developer