Add a PWA to the Home Screen of an iOS or Android Device, and the Chrome App Home Screen

Chris Achard
InstructorChris Achard
Share this video with your friends

Social Share Links

Send Tweet
Published 5 years ago
Updated 5 years ago

A primary benefit to PWAs is that they can get added, just like native apps, to the home screens of iOS, Android, and Chrome. We'll show the process to add the PWA to the home screen, and also see the app launch in standalone mode, which is without the typical web browser controls.

Timur
Timur
~ 5 years ago

Hello Chris, I have one question. Will PWA standalone work on all IOS versions? I have iPhone 5s with 11.2.5 IOS version and standalone isn't working.

Best regards

Timur
Timur
~ 5 years ago

Hello Chris, I have one question. Will PWA standalone work on all IOS versions? I have iPhone 5s with 11.2.5 IOS version and standalone isn't working.

Best regards

I have checked on Simulator with IOS version 12.1 and standalone mode is working.

Chris Achard
Chris Achardinstructor
~ 5 years ago

Timur: I should have mentioned the exact iOS version in the course: iOS 11.3 is when Apple added a lot of features for PWAs; so unfortunately, 11.2.5 may not work for all the things the course covers. I just checked, and standalone mode appears to be one of the features added in iOS 11.3; so that's why it's working in 12, but not in 11.2.5.

Timur
Timur
~ 5 years ago

Timur: I should have mentioned the exact iOS version in the course: iOS 11.3 is when Apple added a lot of features for PWAs; so unfortunately, 11.2.5 may not work for all the things the course covers. I just checked, and standalone mode appears to be one of the features added in iOS 11.3; so that's why it's working in 12, but not in 11.2.5.

Thank you for answer. Everything ok for me =)

Andrés Osante
Andrés Osante
~ 5 years ago

The app won't load in my iphone's Safari under ipaddress:5000, but it does under ipaddress:3000 if I run "yarn start" (running the front end on port 3000). It doesn't add or delete items of course. What can I be doing wrong?

Chris Achard
Chris Achardinstructor
~ 5 years ago

@Andrés - hm; so it works on your computer, but not on your iphone?

Andrés Osante
Andrés Osante
~ 5 years ago

Hi @Chris, what happens is that if I only run the front-end on my computer (on port 3000 and without the node server), then I am able to load it on my iPhone's Safari by going to my_ip_address:3000, but if I run the app on my computer on port 5000, and then go to my_ip_address:5000 on my iPhone's Safari, the app wont load. I am using the same wi-fi network. It's pretty weird...

Markdown supported.
Become a member to join the discussionEnroll Today