清单验证但应用程序以空白屏幕打开？答案

【问题标题】：Manifest Validates but App Opens with Blank Screen?清单验证但应用程序以空白屏幕打开？
【发布时间】：2018-12-16 05:04:44
【问题描述】：

我是第一次向我的网络应用程序添加清单。我的清单在 manifest-validator.appspot.com 上成功验证。 Chrome Application->Service Worker 窗口显示 service worker 注册成功。我可以在我的 iPhone 上“保存到主屏幕”。但是当我打开保存到主屏幕的图标时，我得到一个空白屏幕。

这是我的 myApp_manifest.json 文件：

{
  "short_name": "myApp",
  "name": "myAppLongName",
  "icons": [
    {
      "src": "images/app-images/myIcon-512-green_512px.png",
      "type": "image/png",
      "sizes": "512x512"
    },
    {
      "src": "images/app-images/myIcon-512-green_192px.png",
      "type": "image/png",
      "sizes": "192x192"
    }
  ],
  "start_url": "/?utm_source=progressive_web_app",
  "background_color": "#63aed5",
  "display": "standalone",
  "scope": "/",
  "theme_color": "#3367D6"
}

我错过了什么？

【问题讨论】：

标签： ios web-applications progressive-web-apps manifest.json

【解决方案1】：

iOS 没有（还没有？）使用清单文件中的启动图像，如 android
请参阅此处的#PROTIP 2，了解如何使这些工作：
https://www.netguru.co/codestories/few-tips-that-will-make-your-pwa-on-ios-feel-like-native

【讨论】：

感谢您的链接！同时，该链接描述了在加载应用程序时短暂出现的白屏。但是当以这种方式启动时，我的应用程序永远不会加载——白屏出现并且永远不会消失。这可能是什么原因？
我也看到过几次尝试在添加快捷方式之前等待几秒钟您是否尝试过多次删除和安装它？
我通过选择共享图标并单击“添加到主屏幕”来添加图标。然后我转到主屏幕，单击图标，然后我得到白屏——之后什么也没有出现。我已经删除并重新安装了几次主屏幕图标，每次都等待几秒钟再重新安装。
它似乎是我的 iPhone 特有的。根据您的建议，我在 xCode->Simulator 以及我妻子的 iPhone 上对其进行了测试，效果很好。非常感谢您的建议，@Mathias！如果您愿意将其作为答案发布在这里，我会将其标记为已接受的答案。
我在 iPhone x 上测试过，效果很好。需要为 A2HS 设置主题颜色和图标的元标记。其他一切看起来都不错 WRT PWA。

【解决方案2】：

它可能特定于您的手机和 iOS/浏览器组合
在其他人的设备和/或 XCode 模拟器上试用它
清单对我来说看起来不错，并且在 Android 上可以正常工作

【讨论】：