do pwa sites work on iphone as on android?
Good night everyone!!!
My question is this: sites made with PWA work the same way on iphone and ipad, as on android? is any change required for iphone?
No More, thank you for your attention!!!
1 answers
Yes friend there are a number of precautions to be taken when PWA will run on iOS.
The first is that to save it as a shortcut on the Home screen you need to identify which is the Access browser to find out if it is Safari and ai instruct the user of the correct procedure to save the PWA locally.
About the app icon you will need a link in <head> with rel="apple-touch-icon" to set the Icon Image.
<link rel="apple-touch-icon" href="/custom_icon.png">
Another point is that the default loading screen it is usually white, which does not give a feedback to the user. To deal with this use the tag a link rel="apple-touch-startup-image" in the tb in the <head> of the document to during loading show an image and not the white screen.
<meta name="apple-mobile-web-app-capable" content="yes" />
<link href="/apple_splash_2048.png" sizes="2048x2732" rel="apple-touch-startup-image" />
Here you can consult the development guide and other tags unique to Apple device https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html
In addition there are several other care to be taken, I recommend that you read this article https://medium.com/@oieduardorabelo/pwa-no-ios-como-deix%C3%A1-lo-mais-nativo-e022f6c67b9c