That splash screen literally only works on iPhone 5 because of the way IOS handles splash screens
It is still possible by adding your own meta tags. It takes a bit of work but here are the instructions that helped me to do it. Essentially you need a meta tag for each screen size/iPhone version.
What I don’t figure out is where i should put the link refference to support custom splash screens. For example I am trying to put an image “/iphone6_spash.png” with the following code:
<link href="iphone6_splash.png" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
Hey Dan, in the settings of your app there is a section to add meta tags to the header. I put mine there.
Second, for your image source, you need to upload the image to bubble, then copy the link that is created and past it as the source in the meta tag.
Hope that helps!
link rel=“apple-touch-startup-image” media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" href=“url”
is that what you have - 568 for height?
What do you mean the right place? It shouldn’t matter what order the meta tags are in.
It’s weird about landscape mode - would have thought it would be no problem having a start up image for that mode but looks like apple only let you add it when packaging up the webview and don’t let you put it in the meta for web apps.
Every time you add a picture for a specific device in your metatags, in this case for the Iphone 5s, delete the PWA from your iPhone and install it again. (the button add to home screen from Safari)
Yes I’ve been doing that too although I note that I don’t need to do that on my iPad, it just shows straight away.
I’ve also fooled around with image resolution (72ppi vs 143 ppi and smaller file size), I’m also making sure old images are deleted from file manager/dB, as well as clearing cache.
I think the link of the site I attached suggests a very different device height so I’ll try that tomorrow. It does feel like I have something wrong there, since all the other devices are showing (I’m lucky I have a whole stash of iOS test phones at work so not short of real phones to test on).