什么是IOS的渐进式Web应用程序解决方案

Question 1

我想知道IOS设备的渐进式Web应用程序有什么解决方案，因为它们的默认浏览器SAFARI尚不支持渐进式Web应用程序。那么，对于IOS同行来说还有什么选择呢？

Question 2

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

创建此答案后，您可以执行以下操作在iOS / Safari上实现PWA：

如您所见，即使您的页面无法在iOS / Safari上离线工作，几乎所有内容都可以正常工作，将Web应用“升级”为PWA仍然具有巨大的优势。

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

关于“添加到主屏幕”的注意事项：Safariapple-mobile-web-app-capable在meta标签中调用了自己的“主屏幕图标”规范。WebApp Manifest Generator对于使用此meta标签的iOS具有后备功能。

Question 3

编辑3：

服务人员已于2018年3月30日在iOS的Safari中发货！

编辑2：

一位名叫Ricky Mondello的Apple开发人员在2018年1月24日发布了以下推文：

“ iOS 11.3和macOS 10.13.4包括Service Workers，这是一个功能强大的规范，允许后台脚本为脱机Web应用程序提供动力。iOS11.3在将Web应用程序添加到主屏幕时还参考Web App Manifest。”

太棒了！

尚无推送通知的消息，但仍然是令人惊奇的消息。

编辑：

我写了一篇文章称苹果为该主题：

它被发布到黑客新闻中，并在Twitter上获得了很好的曝光。一周后，他们开始在上面进行开发。所以-敬请期待，看来终于来了！

原始答案：

“因此，不仅涉及服务工作者和应用清单。”

在我看来，这就是PWA的真正意义所在-服务工作者。这就是使您能够执行PWA所能完成的所有令人敬畏的事情的原因。基线已经有很长时间可以实现了，尽管google在技术上已将基线确定为基线分类，但这些东西并不是真正使PWA成为现实的东西。否则，它只是我书中的常规响应式网络应用。

以下列出了由于Apple拒绝支持移动Safari而仍然无法使用的事情（因为它们会失去应用商店的钱）：

公认的答案确实在这里描绘了错误的画面。我已经将苹果在移动浏览器中的“原生”体验推到了极限，但这仍然很糟糕。我在移动Safari的全屏模式下遇到了很多问题，而Apple根本不在乎它们。它被视为二等公民，因为它不会像应用商店那样产生收入。

您会注意到，如果将Twitter的新的基于React / Redux的出色移动网站添加到iOS的主屏幕上，它将无法以全屏模式打开。我怀疑这与我发现的原因相同-大量的bug，Apple团队中没有人在研究它们。

Web应用程序清单中曾经在iOS全屏模式下可能出现的加载屏幕神秘地停止了工作，Apple在其论坛上关于该主题的帖子均未发表任何评论。而且必须告诉用户，“哦，嘿，只需单击共享，然后滑到'添加到主屏幕'，这是处理问题的一种可怕方法。

这是一个令人伤心的状况。当前接受的答案中的列表实际上应该称为“基线响应式Web应用程序列表”。

在这里回答问题-不，别无选择，您无能为力。您必须玩苹果的游戏，花100美元才能访问应用商店，学习完全不同且更复杂的编程语言，并保持完全独立的代码库。

我刚刚花了6个月的时间为一个客户项目学习React Native，这真是太棒了。我会极力推荐它。您可以使用JavaScript创建真正的本机应用程序，并在iOS和Android之间共享您的代码库。

需要明确的是，我不是反对苹果公司。我使用iPhone并在Mac上进行开发。但是，他们业务战略的这一方面肯定是可耻的。