您现在的位置是：首页 > 科技 > 正文
可以全面了解PWA及其在Apple平台上的Safari中的支持
发布时间：2022-06-16 15:50:02来源：
近期涉及可以全面了解PWA及其在Apple平台上的Safari中的支持内容备受瞩目，很多读者对此也很有兴趣，现在给大家罗列关于可以全面了解PWA及其在Apple平台上的Safari中的支持最新消息。
借助HTML5等现代网络技术，渐进式Web应用程序可在浏览器中运行，不需要单独分发，将本机应用程序的功能与移动体验的优势结合在一起，可让您将其保留在主屏幕上而无需麻烦商店。
渐进式Web应用程序(PWA)的诀窍在于外观：对用户而言，它们看起来像任何传统的本机应用程序，交互和导航模型都不太相似。
PWA通常提供具有某些扩展功能的网站的轻量级版本。
借助iOS11.3上的Safari和更高版本的macOS10.13.4，您可以利用PWA。iOS平台上的PWA需要HTML5功能，例如WebAppManifest规范和ServiceWorkers，以便他们可以使用重要的后台脚本。
如果您感兴趣的话，移动Web开发人员MaximilianoFirtman可以全面了解PWA及其在Apple平台上的Safari中的支持。
如何在iPhone上安装ProgressiveWebApps
您只需在Safari中访问其URL，即可在具有iOS11.3的iPhone，iPad或iPodtouch上打开PWA。请记住，除非您在“设置”→“Safari”中的“实验性WebKit功能”下启用ServiceWorker，否则移动Safari不会正常启动PWA(事实上，请在Safari中启用所有实验性功能)。
要将PWA快捷方式放在主屏幕上，请执行以下操作：
1)在Safari中，为您使用的PWA点按“共享”按钮。
2)点击标有添加到主屏幕的图标。
3)点击右上角的添加。
4)现在，为您的PWA命名，以便在主屏幕和“搜索”中将其与本机PWA区别开来，然后点按右上角的“添加”。
现在，您可以通过点击其图标从主屏幕启动PWA。
在将渐进式Web应用程序添加到主屏幕时为其命名
PWA版本的本地应用程序的名称通常带有“lite”
请注意，AppStore上的第三方浏览器(包括Chrome，Firefox，Brave和Edge)不允许“安装”PWA，其中某些不支持ServiceWorker。
可以像在本机应用程序中一样删除“宏”屏幕上的渐进式Web应用程序快捷方式
从主屏幕删除PWA，就像处理本机应用程序一样
由于Apple的限制，PWA在Safari中启动。可以通过从主屏幕中删除任何本机应用程序的方式删除PWA：按住直到图标开始跳动，就像它们在跳舞一样，然后单击图标左上角的小“x”。
使用Safari的“共享”菜单将渐进式Web应用程序添加到主屏幕
最后，点击“删除”按钮确认操作。
查看这些渐进式Web应用程序
由于PWA并非通过AppsStore分发，并且不需要任何形式的包装或特殊分发，因此了解PWA的网址至关重要。
要试用全屏PWA，请将其添加到主屏幕：
Pinterest的
星巴克
火种
特里瓦戈
推特
优步
或者，查看其他PWA以获取灵感。
确保使用带有iOS11.3或更高版本的iPhone或iPad手动点击链接。例如，在Safari中访问Twitter.com或在Google搜索结果中访问链接可能会加载网站的移动版本，而不是PWA。
如果您在几周左右不使用PWA，iOS将尝试释放其文件占用的存储空间。如果发生这种情况，该图标将保留在您的主屏幕上，但是PWA在启动时将再次下载，因为iOS不再在缓存中保存它。
渐进式Web应用程序的好处
PWA可以在脱机模式下运行，并且看起来与本机应用程序几乎没有区别。帖子的屏幕截图顶部显示了在iPad上全屏运行的具有脱机功能的PWA。
屏幕快照比较Twitter的本机和渐进式Web应用程序
您能说说本地Twitter应用程序和PWA版本之间的区别吗?
iOS上的PWA的功能包括：
地理位置
相机
音频输出
苹果支付
传感器(磁力计，加速度计和陀螺仪)
语音合成(仅连接了耳机)
公司用户可以从公司接收PWA快捷方式
WebAssembly，WebRTC，WebGL和许多其他实验功能
而且，由于PWA可以在任何地方托管，因此其创建者可以绕过AppStore，而客户无需Apple的批准就可以直接在Safari浏览器中“安装”它们(这可能是双刃剑，因为没有PWA曾通过过AppStore的质量认证测试)。
关于PWA的最好的事情是它们类似于本机应用程序，并在全屏Safari进程中启动，而没有任何镶边。PWA作为AppStore中的任何常规本机应用程序出现在应用程序切换器和iPad的Dock中。
渐进式Web应用程序可以具有自定义图标有时，本机应用程序及其对应的PWA具有相同的图标
iOS上渐进式Web应用程序的局限性
PWA仍处于起步阶段，Apple的实施也不是一流的。为了说明我的观点，以下是使用PWA时可能遇到的问题和障碍：
会话之间的应用状态丢失
点击链接会启动另一个Safari实例
黑色状态栏有时会隐藏iOS的状态栏信息
本地IndexedDB存储限制为50MB
不支持WebRTS音频
没有人脸ID或触摸ID身份验证
不支持蓝牙或iBeacon
没有推送通知或图标徽章
没有网络推送或后台同步
没有Siri集成
不支持ARKit
没有语音识别
无法访问电池信息
无法访问应用内付款
无法访问本机共享对话框
没有签名或包装
无后退导航
主屏幕图标没有3DTouch快捷方式
不活动的PWA在应用程序切换器中显示为白屏
再次安装相同的PWA将另一个图标添加到主屏幕
不支持iOS的SlideOver和SplitView多任务处理模式
没有Siri集成令人失望，尤其是在iOS12的快捷方式功能的情况下。即使您的主屏幕上有PWA的图标，Siri还是忽略了它，也不会被要求代表您启动该应用程序。
最大的问题是PWA在会话之间不存储状态。没有正确保存的状态，退出PWA的用户很可能会在回来时重新启动它。
这使PWA具有常见的功能，例如要求用户验证电子邮件地址或通过iOS上不支持的SMS执行两因素身份验证。最重要的是，许多基于OAuth的登录重定向打开了另一个Safari实例，并且再也没有回到PWA了。
屏幕快照比较Uber的本机和渐进式Web应用程序
左侧为Uber的原生iOS应用，右侧为PWA版本
另一个值得一提的问题是：PWA不会在后台运行，这会阻止许多专注于多媒体的PWA在后台流式传输或播放音频。根据您的iOS版本，您可能会注意到PWA的其他奇怪行为和错误，例如在切换应用程序时重新加载。
一旦Web平台赶上了纯天然功能，例如FaceID扫描或通过ARKit的增强现实，上述某些限制将有可能解决。
渐进式Web应用≠本地应用
这是PWA历史的一部分。
最初的iPhone在2007年问世后，发烧友就越狱了。第一个带有本地第三方应用程序的应用程序商店要到第二年才能问世，因此史蒂夫建议开发人员采用Web应用程序，因为iPhone上的Safari需要支持。
快进到今天，我们现在有了渐进式Web应用程序(谢谢，史蒂夫!)。
某些渐进式Web应用程序的名称与本机对应的名称不同
在PWA名称中添加“精简版”可将其与主屏幕上的本机应用区分开来…
不用说，谷歌已经完全接受了PWA，谁来责怪他们呢?毕竟，与应用内内容相比，基于Web的内容更容易抓取和编制索引。
…以及您的iOS搜索结果
iOS上的PWA-尚未准备就绪
没有两种解决方法，iOS平台上的PWA尚未准备好迎接黄金时段，特别是如果您考虑到Android上不存在的限制。
因为没有来自Safari的提示或邀请，所以用户必须在Safari中发现PWA并访问其URL，然后单击“共享”图标并选择“添加到主屏幕”操作。
星巴克拥有市场上最好的渐进式Web应用程序之一
这是太多的工作，尤其是在没有表明您正在访问的网站是PWA的情况下。
相比之下，轻按网站顶部的应用横幅并从AppStore获取其本机应用要容易得多。在苹果公司对PWA支持加倍重视之前(我怀疑他们会为AppStore赚钱)，在此之前，iPhone用户很少参与。
简而言之，与本地应用程序相比，iOS上的PWA当前提供的商业价值较差。
结论
PWA对iOS用户的影响并不十分明显，因为Apple并未确切地说明如何使用它们。不需要天才就可以确定Apple希望您从AppStore下载本机应用程序。由于苹果的沙箱环境，iOS上的PWA具有更多有限的功能，而Android上的PWA则无济于事。
标签：