0
Good night to you all!!!
My question is the following: sites made with PWA work the same way on iphone and ipad, as on android? some change is needed for iphone?
Thank you for your attention!!!
1 answer
1
Yes friend there are a lot of care to be taken when PWA will run on iOS.
The first is that to take 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 then instruct the user of the correct procedure to save PWA locally.
About the App icon you will need a link on <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 is usually white, which does not provide feedback to the user. To treat this we use the tag a link rel="apple-touch-startup-image" in the tb in the <head> document to display an image during loading 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 check the development guide and other exclusive tags for Apple device https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html
In addition there are several other precautions to be taken, I recommend you read this article https://medium.com/@oieduardorabelo/pwa-no-Ios-como-deix%C3%A1-lo-mais-nativo-e022f6c67b9c
Browser other questions tagged html5 ios iphone pwa webdesign
You are not signed in. Login or sign up in order to post.
I recommend: https://www.opus-software.com.br/pwa-no-ios/
– Valdeir Psr
I will read calmly, but so, just install the same, for example, fix on the home screen, as an app, (as I do on android) is possible without major problems? I will read the contents right now, thank you!
– Horacio J.