Installing Progressive Web Apps

Getting the “add to home screen” prompt for https://huffduffer.com/ on Android Chrome.
And there’s the “add to home screen” prompt for https://html5forwebdesigners.com/
HTTPS + manifest.json + Service Worker = “Add to Home Screen” prompt.
Add to home screen.
The dConstruct Audio Archive is now a Progressive Web App
  1. The site loads.
  2. The home-screen prompt slides up from the bottom of the screen.
  3. The user immediately moves to dismiss the prompt (cue me interjecting “Don’t close that!”).
  1. The prompt appears below the “line of death” so there’s no way to tell it’s a browser or OS-level dialogue rather than a JavaScript-driven pop-up from the site.
  2. Because the prompt now appears on the first visit, no trust has been established between the user and the site. If the prompt only appeared on later visits (or later navigations during the first visit) perhaps it would stand a greater chance of survival.
What does it mean to be an App?

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Jeremy Keith

Jeremy Keith

A web developer and author living and working in Brighton, England. Everything I post on Medium is a copy — the originals are on my own website, adactio.com