How can I Progressive Web App (PWA)-specific scenarios on devices in Live?

PWAs work just like any other web-app or website mostly. Hence any scenario you may want to test on Live with a regular website, you should be able to do so with a PWA. 


PWA-specific specific scenarios, such as adding the PWA app icon to the device home-screen, the browser used to access the same should provide support for it to be able to work. 


To add a PWA on the home-screen on an Android device, you may: 

  1. Open any PWA on the Chrome browser
  2. Open the browser menu next to the URL bar indicated by three vertical dots. 
  3. Choose the `Add to Home screen` item 
  4. Head to the Home screen by clicking on the Live session-toolbar menu item "Show Home Screen"
  5. The PWA icon should be visible on the Android Home screen

To add a PWA on the home-screen on an iOS device, you may: 

  1. Open any PWA on the Safari browser
  2. Open the Bookmark menu next below the URL bar (looks like a box with an arrow pointing upward)
  3. Choose the `Add to Home Screen` item 
  4. Head to the Home screen by clicking on the Live session-toolbar menu item "Show Home Screen"
  5. The PWA icon should be visible on the iOS Home screen

 

Other Resources

Still can’t find what you are looking for?

We are always happy to help with any questions

Support resources Contact Us