12

I have a web application set as a home screen app targeted for Mobile Safari. I have a series of startup images defined and they work perfectly fine on multiple iPad and iPhone devices running iOS 8. When I setup the same application on devices running iOS 9, the images do not appear.

I've verified the images are on the server. I've deleted the app from my home screen on both the iOS 8 and iOS 9 devices, force-quit Safari, cleared the cache, then re-added the app to the home screen. This was done as a sanity check to make sure there wasn't a caching issue involved.

I've reviewed the common approaches that worked with iOS 8 to see if there's a variation that might still work, such as those found at:

All of this leads me back to the same issue. The startup images appear for me while running iOS 8, but they do not appear while running iOS 9.

Is anyone else seeing this problem? If startup images are appearing for you using a home screen app running iOS 9, what are the <link> tags that you're using?

Here is the configuration I have currently that works fine running iOS 8:

<!-- STARTUP IMAGES -->
<!-- iOS 6 & 7 iPad (retina, portrait) -->
<link href="~/assets/images/startup/startup-1536x2008.png" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<!-- iOS 6 & 7 iPad (retina, landscape) -->
<link href="~/assets/images/startup/startup-2048x1496.png" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<!-- iOS 6 iPad (portrait) -->
<link href="~/assets/images/startup/startup-768x1004.png" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image">
<!-- iOS 6 iPad (landscape) -->
<link href="~/assets/images/startup/startup-1024x748.png" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image">
<!-- iOS 6 & 7 iPhone 5 -->
<link href="~/assets/images/startup/startup-640x1096.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<!-- iOS 6 & 7 iPhone (retina) -->
<link href="~/assets/images/startup/startup-640x920.png" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<!-- iOS 6 iPhone -->
<link href="~/assets/images/startup/startup-320x460.png" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image">
Community
  • 1
  • 1
Mattio
  • 2,014
  • 3
  • 24
  • 37
  • 1
    Filed rdar://22838418. – Mattio Sep 24 '15 at 15:12
  • 2
    This is a known issue with iOS9: https://forums.developer.apple.com/thread/23924. – joeyhoer Dec 24 '15 at 16:25
  • I spent the past day and a half searching for an answer to this and finally found it. And it looks like ... there's no solution. ARRGS! – Jonathan Lam Jan 12 '16 at 19:05
  • 2
    Filed a rdar as well (number is 24415360). I suggest everybody who stumbles upon this issue complain about it to Apple at http://bugreport.apple.com to draw their attention. – nilfalse Jan 30 '16 at 11:01
  • 2
    Still not fixed in iOS 9.3 beta 2 (13E5191d) I tested this using XCode's Simulator. – Duvrai Jan 31 '16 at 08:39

2 Answers2

1

I am sorry to tell you this, but I do not think there is a soulotion for this on iOS 9. That feature have just stopped working. I have heard many others having the same problem.

tjespe
  • 704
  • 7
  • 17
-3

I have the same problem with all my WebApps in devices with IOS9. It is possible to be seen clearly that the WebApps that is executed on IOS9 devices show the statusBar. This does that the space destined to the startUp image is not the defined one for the same. It can be the cause, but I have not gotten to prove it. The question is, why IOS9 shows the statusBar when it has configured full-screen?

Luis Miguel
  • 1