Is "Add to home screen" feature of PWA supports in iOS?

angular service-worker progressive-web-apps angular-service-worker
Vipin Singh picture Vipin Singh · Jan 2, 2019 · Viewed 11.9k times · Source

I am building an app using PWA. I am using Angular to meet our requirement. Basically, it is a media application which plays videos. It is working fine on Android and "Add to Home screen" popup also come in Android devices But in iOS devices "Add to Home screen" not come. Is "Add to home screen" feature of PWA supports in iOS devices? Please suggest.

Answer

Akshay Nair picture Akshay Nair · Jan 2, 2019

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.

Related questions

Angular 7 - service worker not registered

I did everything as written in "https://angular.io/guide/service-worker-getting-started" to make my application PWA. Used exactly this commands: ng add @angular/pwa npm install http-server -g ng build --prod http-server -p 8080 -c-1 dist Then I opened this url …

Read More
Uncaught TypeError: Cannot read property 'id' of undefined at registerNgModuleType - angular PWA

after adding @angular/pwa to my app ng add @angular/pwa --project appName I get error core.js:34469 Uncaught TypeError: Cannot read property 'id' of undefined at registerNgModuleType If I in my appName.module.ts remove from imports ServiceWorkerModule.register("…

Read More
Angular 5 and Service Worker: How to exclude a particular path from ngsw-config.json

I have ngsw-config.json (taken from the docs): { "index": "/index.html", "assetGroups": [{ "name": "app", "installMode": "prefetch", "resources": { "files": [ "/favicon.ico", "/index.html" ], "versionedFiles": [ "/*.bundle.css", "/*.bundle.js", "/*.chunk.js" ] } }, { "name": "assets", "installMode": "lazy", "updateMode": "prefetch", "resources": { "files": [ "/assets/**" ] } }] } On my …

Read More