我想知道 iOS 设备的渐进式 Web 应用程序的解决方案是什么,因为他们的默认浏览器 SAFARI 尚不支持渐进式 Web 应用程序。
那么 IOS 版本的替代方案是什么?
请注意,“支持渐进式 Web 应用程序的浏览器”并不是一个真正的术语,PWA 本身是 Web 应用程序可以为用户提供的一组功能。所以这不仅仅是 Service Worker 和 App Manifest 的问题。
查看:基线 PWA 清单 https://developers.google.com/web/progressive-web-apps/checklist.
在创建此答案时,您可以采取以下措施在 iOS/Safari 上实现 PWA:
- 网站通过 HTTPS 提供服务 ✅
- 页面在平板电脑和移动设备上具有响应能力 ✅
- 起始 URL(至少)在离线时加载 ????
- 为添加到主屏幕提供元数据✅❗️
- 即使在 3G 环境下,首次加载也很快 ✅
- 网站可跨浏览器运行 ✅
- 页面转换不会感觉网络被阻塞 ✅
- 每个页面都有一个 URL ✅
正如您所看到的,几乎一切都正常,即使您的页面无法在 iOS/Safari 上离线工作,将您的 Web 应用程序“升级”为 PWA 仍然有巨大的好处。
您真正想要的不是“渐进式 Web 应用程序”的花哨标题,而是一个能够为用户提供良好体验和功能的优秀 Web 应用程序。这是一个旅程,因为你可以通过每一个小部分来完成它,这就是为什么它被称为“渐进”。
关于“添加到主屏幕:Safari 有自己的“主屏幕图标”规范,称为apple-mobile-web-app-capable
在元标记中。Web 应用程序清单生成器 https://tomitm.github.io/appmanifest/iOS 有一个使用此元标记的后备方案。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)