Question

我是第一次向我的网络应用添加清单。我的清单通过manifest-validator.appspot.com成功验证。 “ Chrome应用程序->服务工作者”窗口显示该服务工作者已成功注册。我可以在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 /浏览器组合
在其他人的设备和/或XCode Simulator上尝试
清单对我来说看起来不错，并且可以在Android上正常工作

Answer 2

iOS尚未（还？）使用清单文件（如android）中的启动图像
有关如何执行这些操作的信息，请参见此处的#PROTIP 2：
https://www.netguru.co/codestories/few-tips-that-will-make-your-pwa-on-ios-feel-like-native

清单可以验证，但应用程序会以黑屏打开吗？

2 个答案: