Pacharapol Withayasakpunt Pacharapol Withayasakpunt
Sun, July 5, 2020

My first experience creating and testing a PWA

Today, I have some experience regarding both creating a PWA, and testing it.

This website, actually.

https://www.zhquiz.cc

Since this was creating using Nuxt.js, I did not create manifest.webmanifest directly. Instead, I use

https://pwa.nuxtjs.org

Upon opening the website in mobile (Android), it now prompted web to add to home screen, and I said no this time (because the name was wrong. @nuxtjs/pwa's fault.)

After correcting the name, I tried to Add to Home Screen, but now the button is missing… It is hidden inside the vertical three dots.

Benefits I can see from Adding to Home Screen?

  • Definitely a benefit on mobile, as the space is limited. No more annoying top bar or bottom bar (in case of Brave browser)
  • Can still drag down to refresh. Which is still needed, as this app is still not perfect.