Progressive Web Apps (PWA) are going coming online in 2018 with Google expected to make a big push mid-year and Microsoft with native support in Windows 10 Redstone 4 in the coming weeks.
If you have an Android phone and are using the Microsoft Edge browser, you can start to use many of the sites already.
Here are two ways to get a PWA website to act like a typical app on your Android phone.
For those who want a deeper dive into what PWAs are and why they will matter for all OS platforms starting this year, check my in-depth article and video explainer:
Which sites support PWA?
Currently, there is no master list of sites that support PWA. Luckily, there are some big ones, including:
- Starbucks (U.S.) (starbucks.com).
- Tinder (tinder.com).
- Google Maps (maps.google.com).
- Uber (m.uber.com).
- Lyft (ride.lyft.com).
- Twitter Lite (lite.twitter.com).
- Instagram (Instagram.com).
- Pinterest (pinterest.com).
- 2048 (game) (github.com).
- Outlook.com (outlook.com).
Other major sites include Alibaba, Medium, Flipboard, Snapdeal, Trivagao, The Weather Channel, The Financial Times, Pokedex.org, GitHub Explorer, Flipkart, Offline Wikipedia, and Forbes. And there are thousands more.
How you know a site is PWA-enabled is tricky. Websites rarely announce such a feature, but one way you usually can tell is when you login to the site. That usually prompts a pop-up notification asking you to pin to your Home. The site may also ask to send you notifications – these are PWA features.
You can see this in action below when going to mobile.twitter.com and what happens after I login:
While that may seem like a nag (or even spammy) that is how a PWA-enabled site lets you know it can act as app. (Microsoft is getting around this by putting PWA-enabled apps into the Microsoft Store as "real" apps avoiding confusion or discoverability issues).
So, problem solved. You pinned the Twitter Lite app to your Home screen and you now have a PWA.
But what if you said 'no' to the prompt? Twitter won't ask you each time you go to mobile.twitter.com to pin to your Home screen, so how do you get it back?
Fixing problems: login in (again)
One trick that usually resets the PWA prompt on websites is just logoff and login again from that website.
If that doesn't work, try logging off and then clear the browser's cache (tap the ellipsis > Settings > Privacy > Clear browsing data) and then re-login. That should cause the PWA-prompt to reappear.
Use 'Add to Home screen'
One easier trick than the above is simply using Edge's 'Add to Home Screen' feature.
While a user can add any website as a pin to their Home screen – even if it's not PWA-enabled – when the site has a PWA this will create that necessary shortcut. Here is how to do it:
- Ellipsis menu (lower right corner)
- Choose Add to Home Screen
- Select Add and OK after the prompts
If you now go and launch Twitter through that shortcut suddenly it looks like a full-fledged application with no Edge browser "chrome" (boarders, controls).
And that is how a PWA looks and works!
Further info about PWAs
- PWAs: What's in it for Google and why Microsoft likes it too
- PWAs may be the great equalizer for Microsoft, Google and Apple
RLCraft turns Minecraft into a brutal survival game — and I'm addicted
Minecraft's Java Edition is home to many amazing mods and modpacks. RLCraft, a modpack organized by YouTuber Shivaxi, completely overhauls vanilla Minecraft and turns it into a brutally difficult, yet incredibly deep and nuanced survival experience.
Here are some new games you might see at the July 23rd Xbox Games Showcase
Fans have all eyes on Microsoft and their upcoming July 23rd Xbox Games Showcase event. Here are some of the major reveals we're expecting to see at the event.
The new XPS 17 (9700) has landed at our doorstep, and it's pretty great
The new XPS 17 (9700) review unit arrived, and we have some early thoughts (spoiler: we think it's incredible). Here are some photos of Dell's new flagship and how it compares to the Surface Book 3.
Here's what you can use to block ads on Edge
Ad blockers are a wonderful thing. They do exactly what they're supposed to: block ads when browsing the web. Here's the best for Microsoft Edge.