CODEWITHSUNDEEP
androidprogressive-web-apps
Denno
Denno

Reputation: 2168

Adding Progressive Web Application to homescreen

I've just finished watching a presentation from Google I/O 2016 about Progressive Web Applications. Safe to say I'm pretty excited about them.

I did have one question in regards to a user adding the icon to their home screen. Is the user able to hide the icon in the app drawer (for Android devices obviously) like they would be able to do with a native app? or must the icon stay on their home screen?

Upvotes: 2

Views: 1647

Answers (2)

tony19
tony19

Reputation: 138226

UDPATE: The Chrome Dev channel (v56) now supports Enable improved add to Home screen. Note the flag isn't working in Chrome Canary (no installation). I tested this on Android M. To enable it:

  1. From the Chrome Dev app, navigate to chrome://flags/#enable-improved-a2hs.
  2. Click Enable.
  3. Navigate to chrome://flags/#bypass-app-banner-engagement-checks.
  4. Click Enable.
  5. Relaunch browser.
  6. Navigate to https://paperplanes.world.
  7. Click Add To Homescreen in the app banner.
  8. Click Install at the app installation screen.
  9. Click Done.
  10. Observe the "Paper Planes" icon on the homescreen AND in the app drawer.

No, the PWA app icon can only live on the homescreen.

You could manage the icon as any other homescreen icon, including grouping it into a folder on the homescreen, or removing it.

Upvotes: 1

abraham
abraham

Reputation: 47833

Currently PWAs only support adding their icons to an Android device's home screen. However at Chrome Dev Summit 2016, it was announced that the Chrome dev channel will soon be getting experimental support for "installing" PWAs.

There will be a new option added to chrome://flags "enable improved add to home screen" that when enabled make it so that installing a PWA gets it listed on the app drawer and on the Settings all apps list.

Upvotes: 1

Related Questions