Sample PWA App
This sample app demonstrates PWA capabilities
App installation - Desktop
Open App in browser, do you see install icon? Click it and install the app.
Can you add the app to taskbar? Do you see the app in start menu?
App installation - Mobile
Navigate to the address on you mobile device and follow those steps to add app to homescreen
- Open up Safari and load a web site.
- At the bottom of the screen is the share icon
.
- You will need to slide the icons to reveal the 'Add to Homescreen' button.
App update - Desktop
Wait for the app update, click Ctrl + F5 in browser to refresh content
App Offline Mode - Desktop
On your PC run the site in offline mode (chrome):
- Press F12 to show developer tools
- Got to Network section and select Offline from drop-down menu
- Refresh the page (F5), does it still work?
Further capabilities
By modifying the service worker the app can:- Force app install on first load
- Force update once new version is available (this requires some backend logic)
- Invalidate cache on remote demand etc