如何使用PWA在IOS设备中显示主屏幕提示
我是PWA的新手，我被困在一项任务上。
这是我的manifest.json文件，帮助显示添加到主屏幕弹出到安卓设备。
{
"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
我们能打开“共享”选项卡吗？
^
回答 3
Stack Overflow用户
发布于 2018-12-13 09:45:56
清单尚未由iOS管理(目前正在开发中)。有一个有趣的库可以自动添加iOS的基本元素。但目前无法显示主屏幕弹出.
https://github.com/GoogleChromeLabs/pwacompat
您可以在这里跟踪iOS上有关特性的状态：https://webkit.org/status/#specification-web-app-manifest
Stack Overflow用户
发布于 2018-12-13 07:30:16
请参考下面的链接https://www.monterail.com/blog/pwa-for-apple-ios。
在这个链接中，他已经提到
一旦你进入一个网站，你将不会受到欢迎的Web应用程序横幅，你将需要使用“添加到主屏幕”选项，在分享表。正如你可以在下面的截图中看到的那样，没有迹象表明你在添加一个PWA而不是一个网站。
现在您需要做的是，您需要检查当前的用户代理是apple或safari设备，您最好显示弹出对话框，即单击“共享”按钮并单击“添加到HomeScreen”按钮在设备上安装您的应用程序。
Stack Overflow用户
发布于 2018-12-13 07:14:32
苹果在manifest.json链接方面存在困难。困难和困难一样，它们不起作用。
iOS在PWA支持方面严重落后，这是很讽刺的，因为正是他们提出了这一想法；Steve最初对应用程序的看法实际上是PWA的。
要在iOS设备上安装PWA，您需要在Safari中按下“共享”，在那里您可以找到“添加到主屏幕”的选项。这是在iOS上安装PWA的唯一方法。
您可以通过检查用户的浏览器是否是Safari Mobile (Google来了解它是如何工作的)来处理这个问题。如果是这样的话，只需在页面上显示一个div，并说明如何安装PWA (“点击共享并添加到主屏幕安装”之类的内容)。没有办法像Chrome的“安装前提示”那样自动提示用户安装
你不必担心Chrome或火狐的iOS，因为它们无论如何都不起作用。iOS只允许PWA从Safari安装
https://stackoverflow.com/questions/53755393
复制相似问题
腾讯云开发者
