PWA 闪屏变黑？答案

【问题标题】：PWA splash screen fades to black?PWA 闪屏变黑？
【发布时间】：2018-12-11 04:34:38
【问题描述】：

在 iPhone iOS 11.4 上，当从主屏幕点击 PWA 图标时，它会显示启动画面，然后变为黑色，然后返回启动画面。不知道为什么会变黑，但可以在此处的 PWA 示例中看到：

只需在手机上打开在线演示链接，将其添加到主屏幕，然后单击主屏幕上的 PWA 应用图标即可查看启动屏幕的问题。

知道如何消除黑色（所以它只是启动画面）？

【问题讨论】：

请在此提供网址供我们查询。
您可以参考这个thread。这可能与页面的加载时间有关。尝试注册一个 service worker 并对应用早期加载所涉及的资产进行一些缓存管理。检查此documentation 以供参考。
@Anand 我已经链接了它，但我添加了更多相关的直接链接。
@abielita 我认为链接的示例很小，它曾经在 ios 升级之前工作而没有褪色，但您可以在链接的小示例中看到它仍然存在。

【解决方案1】：

我在 iOS 11.4（iPhone x 分辨率）中进行了测试，我看到的只是默认的白色闪屏，而不是通过“apple-touch-startup-image”链接的图像。

在代码中，我没有看到任何支持 iPhone X (2436-by-1125) 的分辨率来回答该行为。

请参考this answer 以支持更高的分辨率，使其适用于您的分辨率和所有可能的 iOS 设备。

【讨论】：

tbh，我对您的链接答案感到困惑。 iOS Startup images 下的代码部分列出了 6 个 apple-touch-startup-image 变体，但这些 wXh 数字与苹果启动屏幕文档上的数字不匹配：developer.apple.com/design/human-interface-guidelines/ios/… 在苹果文档的底部，它目前列出了 12 种设备尺寸变体， 24 个方向，横向和横向。不确定该答案是否已过时或如何将其应用于所有苹果文档屏幕尺寸？
同一链接中的另一个答案表明此解决方案不再有效，尽管 Apple 文档仍列出了这些语法。我相信我们对最新的 iOS 没有任何解决方案，必须等待 Apple 支持 W3C 规范，如 chrome。对此感到抱歉。
不用担心，感谢您的评论。如果现代答案解决了这个问题，我会保留这个问题:)