问题描述
我目前正在为我现有的网站构建 PWA。
当我在 IOS 上将 PWA 添加到主屏幕并启动时，不存在启动画面。它只是白色的。
我现在已经阅读了很多关于为 ios 的所有尺寸设备制作单独的 splashcreeens 并在 start_url 的 html 中完成的内容：
<link rel="manifest" href="/manifest.json">
<meta name="theme-color" content="#c28e1f">
<!-- ios support -->
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="apple-touch-icon" href="/images/AppLogo1.png">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<!-- iPhone X (1125px x 2436px) -->
<link rel="apple-touch-startup-image" media="screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="https://clicktoplay.ru/images/apple-launch-1125x2436.png">
<!-- iPhone 8,7,6s,6 (750px x 1334px) -->
<link rel="apple-touch-startup-image" media="screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="https://clicktoplay.ru/images/apple-launch-750x1334.png">
<!-- iPhone 8 Plus,7 Plus,6s Plus,6 Plus (1242px x 2208px) -->
<link rel="apple-touch-startup-image" media="screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/images/apple-launch-1242x2208.png">
<!-- iPhone 5 (640px x 1136px) -->
<link rel="apple-touch-startup-image" media="screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="https://clicktoplay.ru/images/apple-launch-640x1136.png">
<!-- iPad Mini,Air (1536px x 2048px) -->
<link rel="apple-touch-startup-image" media="screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="https://clicktoplay.ru/images/apple-launch-1536x2048.png">
<!-- iPad Pro 10.5" (1668px x 2224px) -->
<link rel="apple-touch-startup-image" media="screen and (device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="https://clicktoplay.ru/images/apple-launch-1668x2224.png">
<!-- iPad Pro 12.9" (2048px x 2732px) -->
<link rel="apple-touch-startup-image" media="screen and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="https://clicktoplay.ru/images/apple-launch-2048x2732.png">
但它确实有效。任何建议将不胜感激。
解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）