启动图像没有出现在使用iOS 9的主屏幕Web应用程序上

Question

我有一个Web应用程序设置为针对Mobile Safari的主屏幕应用程序.我定义了一系列启动图像,它们可以在运行iOS 8的多个iPad和iPhone设备上完美运行.当我在运行iOS 9的设备上设置相同的应用程序时,图像不会出现.

我已经验证了图像在服务器上.我已经在iOS 8和iOS 9设备的主屏幕上删除了应用程序,强制退出Safari,清除缓存,然后将应用程序重新添加到主屏幕.这是作为一个完整性检查完成的,以确保不涉及缓存问题.

我已经回顾了适用于iOS 8的常用方法,看看是否存在可能仍然有效的变体,例如在以下位置找到的变体:

• http://taylor.fausak.me/2015/01/27/ios-8-web-apps/
• 适用于iOS网络应用程序的多个"apple-touch-startup-image"分辨率(尤其适用于iPad)？
• 对于IPAD,是否有相同的苹果触摸启动图像？

所有这些都让我回到了同样的问题.在运行iOS 8时,我会看到启动图像,但在运行iOS 9时它们不会出现.

还有其他人看到这个问题吗？如果使用运行iOS 9的主屏应用程序为您显示启动图像,您使用的<link>标签是什么？

以下是我目前运行良好的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">

Answer 1

我在 IOS9 设备上的所有 WebApp 都遇到同样的问题。可以清楚地看到，在 IOS9 设备上执行的 WebApps 显示状态栏。这意味着指定给启动图像的空间不是为其定义的空间。这可能是原因，但我还没有证明这一点。问题是，为什么IOS9配置全屏后还显示statusBar呢？