javascript - 如何使用 PWA 在 IOS 设备中显示主屏幕提示

Question

我是 PWA 的新手，我被困在一项任务上。

这是我的manifest.json文件，它有助于显示添加到 android 设备的主屏幕弹出窗口。

{
  "short_name": "The Cozy",
  "name": "The Cozy",
  "icons": [
    {
      "src": "/img/app-icon-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/img/app-icon-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    },
    {
      "src": "/img/app-icon-64x64.png",
      "sizes": "64x64",
      "type": "image/png"
    }
  ],
  "start_url": "/login",
  "display": "standalone",
  "theme_color": "#ffc107",
  "background_color": "#ffffff"
}

但问题是它没有显示在 IOS 设备中。有没有办法IOS使用注册工作者在设备上显示它？

任何将不胜感激。谢谢你。

编辑：1

我们甚至可以打开共享选项卡吗

这个^^^^

标签： javascriptiosservice-workerprogressive-web-appsmanifest.json

Answer 1

清单尚未由 iOS 管理（目前正在开发中）。有一个有趣的库可以自动为 iOS 添加基本元素。但目前无法显示主屏幕弹出窗口......

https://github.com/GoogleChromeLabs/pwacompat

您可以在此处查看有关 iOS 功能的状态： https ://webkit.org/status/#specification-web-app-manifest