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
На этой странице сайта вы можете посмотреть видео онлайн Debugging PWA with DevTools длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Chrome for Developers 31 Январь 2023, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 14,527 раз и оно понравилось 220 зрителям. Приятного просмотра!
