Super-Progressive-Web-Apps icon indicating copy to clipboard operation
Super-Progressive-Web-Apps copied to clipboard

Fix Apple splash screen (white screen) issue

Open tamerxkilinc opened this issue 7 years ago • 3 comments

Hello everybody,

I noticed that there is a feature which Apple provides but this plugin does not use. As mentioned in the apple developers docs, we are able to add a splash screen to our PWAs on iOS devices. When no specific splash screen is provided, apple inserts a complete white screen which doesn't look good and shows a huge difference between a native app and a PWA.

With this line of code we can provide a custom splash screen: <link rel="apple-touch-startup-image" href="/launch.png"> Of course we have to provide different images for different screen sizes which are listed here.

With this feature we would get one step closer to native app experience on iOS.

tamerxkilinc avatar Sep 23 '18 20:09 tamerxkilinc

A solution for splash screen is already within our beta (also can be noticed at our website ) and most probably you can expect the same on the coming versions of SuperPWA WordPress plugin.

josevarghese avatar Sep 23 '18 20:09 josevarghese

Hello! Is it fixed? I don't seem to get it working.

kashann avatar Sep 29 '19 23:09 kashann

hey there I had this problem and I was stuck for 4 hours searching about "PWA ios splash screen not working" and I found this medium article which was really helpful https://medium.com/appscope/adding-custom-ios-splash-screens-to-your-progressive-web-app-41a9b18bdca3

Apple does not yet support the web manifest specification and instead leans on its classic touch-icon mechanism. This works, you just need to be aware you still need to include the META tags to drive that experience.

mzrLab avatar Jun 13 '20 19:06 mzrLab

This issue is duplicate of ticket https://github.com/SuperPWA/Super-Progressive-Web-Apps/issues/343 IOS splashcreen Icon not working

akshaywali avatar Dec 06 '22 07:12 akshaywali