progressive-web-apps - 适用于 IOS 的渐进式 Web 应用程序解决方案是什么

Question

关闭。这个问题需要多问 focused 。目前不接受答案。

---

想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post .

已关闭 6 年前。

Improve this question

我想知道 iOS 设备的渐进式 Web 应用程序的解决方案是什么，因为他们的默认浏览器 SAFARI 尚不支持渐进式 Web 应用程序。那么 IOS 版本的替代方案是什么？

Answer 1

请注意，“支持渐进式 Web 应用程序的浏览器”并不是一个真正的术语，PWA 本身是 Web 应用程序可以为用户提供的一组功能。因此，这不仅仅是 Service Worker 和 App Manifest 的问题。

查看:Baseline PWA Checklist。

在创建此答案时，您可以采取以下措施在 iOS/Safari 上实现 PWA:

• 网站通过 HTTPS 提供服务 ✅
• 页面在平板电脑和移动设备上具有响应能力 ✅
• 起始网址(至少)会在离线状态下加载 🚫
• 为添加到主屏幕提供元数据✅❗️
• 即使在 3G 环境下，首次加载也很快 ✅
• 网站可跨浏览器运行 ✅
• 页面转换不会被网络阻塞 ✅
• 每个页面都有一个 URL ✅

如您所见，几乎一切都正常，即使您的页面无法在 iOS/Safari 上离线工作，将网络应用“升级”为 PWA 仍然有巨大的好处。

您真正想要的不是“渐进式网络应用程序”的花哨标题，而是一个能为用户提供良好体验和功能的优秀网络应用程序。这是一个旅程，因为你可以通过每一个小部分来完成它，这就是为什么它被称为“渐进”。

关于“添加到主屏幕:Safari 有自己的“主屏幕图标”规范，在元标记中称为 apple-mobile-web-app-capable。Web App Manifest Generator 有使用此元标记的 iOS 后备。