10

I am building an app using PWA. I am using Angular. Basically, it is a media application that plays videos. It is working fine on Android and the "Add to Home screen" popup also comes in Android devices, but in iOS devices "Add to Home screen" does not appear.

Does iOS support the "Add to Home screen" feature?

Basj
  • 41,386
  • 99
  • 383
  • 673
Vipin Singh
  • 543
  • 2
  • 8
  • 24

2 Answers2

6

Please refer to the following articles listed below for the iOS PWA functionality

With iOS 11.3, Apple has silently added support for the basic set of new technologies behind the idea of “Progressive Web Apps” (PWAs). It’s time to see how they work, what are their abilities and challenges, and what do you need to know if you already have a published PWA.

https://medium.com/@firt/progressive-web-apps-on-ios-are-here-d00430dee3a7

PWA on iOS isn't automatically available like on Android, there are some additional settings you will have to change to allow for the popup to show on Safari iOS.

Additionally from the following stackoverflow Link, there is a link to making it available for iOS without the user having to change their settings.

Akshay Nair
  • 121
  • 1
  • 4
  • which type of additional setting require? Please elaborate. – Vipin Singh Jan 02 '19 at 12:35
  • from the medium article linked above ```the user has to go to your PWA URL somehow within Safari and then manually press the Share icon and then “Add to Home Screen.” There will be no indication that a website you are visiting is a PWA.``` – Akshay Nair Jan 04 '19 at 11:12
0

This code helps me to show the install popup on iPhone.

if (window.matchMedia('(display-mode: standalone)').matches) {
   console.log('display-mode is app installed');
}
else{
  console.log('display-mode is browser');
}

we can show a custom popup to install.

Thank you

KATHEESKUMAR
  • 147
  • 1
  • 9