清单验证但应用程序打开时显示空白屏幕？

Question

我是第一次向我的网络应用程序添加清单。我的清单在 manifest-validator.appspot.com 处成功验证。 Chrome Application->Service Worker window 显示服务工作者已成功注册。我可以 "Save to Home Screen" 我的 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"
}

我错过了什么？

Answer 1

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

Answer 2

它可能特定于您的 phone 和 iOS/Browser 组合
在其他人的设备 and/or XCode 模拟器
上试用 Manifest 对我来说看起来不错并且可以按预期工作 Android

清单验证但应用程序打开时显示空白屏幕？

Manifest Validates but App Opens with Blank Screen?

web-applications

ios

progressive-web-apps

manifest.json