如何在 iPhone 和 iPad 上使用 Web 应用程序

苹果的移动软件多年来一直支持所谓的“网络应用程序”。但什么是网络应用程序，它们与 iPhone 和 iPad 上使用的典型应用程序有何不同？这是您的简短解释。

什么是网络应用程序？

什么时候苹果谈论“网络应用程序”它指的是“渐进式网络应用程序”，简称 PWA。苹果更喜欢将它们称为网络应用程序，要么是因为谷歌首先推广了“渐进式网络应用程序”一词，要么是因为没有官方的 PWA 规范。无论如何，一般来说，PWA 是仅使用 Web 技术创建的灵活、适应性强的应用程序的简写。

从用户的角度来看，将 PWA 视为一个可以安装到主屏幕而无需从 App Store 下载的网站。一些例子流行的网络应用程序包括 Google 地图、星巴克、Tinder、Uber 和 Instagram。

讽刺的是，iOS 实际上是第一个支持 PWA 概念的平台。当 Apple 最初发布 iPhone 时，第一批应用程序是基于 HTML5 的，允许用户手动将它们添加到主屏幕，以获得全屏、类似应用程序的体验。那时，App Store 还不算什么。

Instagram 网络应用程序

虽然苹果在 App Store 出现后最初放弃了对网络应用程序的支持，但 Google Chrome 继续帮助改进相关网络技术，到 2018 年，包括 Safari 在内的所有主要网络浏览器都承诺支持网络应用程序。从那时起，苹果就继续帮助发展网络应用程序体验，只是一直没有明确表态。这就是为什么当 Apple 在 WWDC 2022 上宣布打算支持网络应用程序推送通知时，许多人感到惊讶。

网络应用程序的优点和缺点

与充当简单主屏幕书签（见下文）的“网络应用程序”不同，PWA 可以提前下载，可以离线工作，也可以使用常规的网络 API。这使他们能够提供类似应用程序的体验，同时可以访问地理位置、相机和 Apple Pay 等功能。

从开发人员的角度来看，走 PWA 路线意味着您可以避免让应用程序通过 Apple App Store 审核流程的潜在麻烦。这可以使网络应用程序比通过 App Store 的本机应用程序更容易被发现。访问网站也比安装应用程序更容易、更快捷，用户还可以通过发送链接来共享网络应用程序。

星巴克的网络应用程序大小为 233KB，比 iOS 移动应用程序的 148MB 小 99.84%

另一方面，原生应用程序可以更好地与 iOS 集成，并提供更无缝的用户体验（尽管随着 PWA 背后的 Web 技术的发展，这种情况正在慢慢改变）。例如，Web 应用程序只能存储最多 50MB 的离线数据和文件。他们无法访问某些硬件功能，例如蓝牙和 Touch ID/Face ID，并且无法在后台执行代码。他们还无法使用应用内支付和其他基于苹果的服务。

1. 在 iPhone 或 iPad 上打开 Safari。
2. 导航到提供 WPA/Web 应用程序的网站 (这里列出了许多）。
3. 点击行动按钮（通常称为“共享”按钮）。
4. 向下滚动共享表，经过联系人和应用程序行，然后选择添加到主屏幕。
5. 为网络应用程序命名，然后点击添加。

您的新网络应用程序将出现在设备主屏幕上的下一个可用空间中。如果您点击它并被踢回到标准网站，请强制退出 Safari，然后再次启动网络应用程序。

如何设置网络推送通知

在目前仍处于测试阶段的 iOS 16.4 和 iPadOS 16.4 中，苹果添加了一项新功能，允许添加到主屏幕的 Web 应用程序向 iPhone 和 iPad 用户发送 Web 推送通知。

借助这项新功能，添加到用户主屏幕的网络应用程序可以通过“订阅”按钮或网络应用程序设置中的其他类似选项请求接收推送通知的权限。此类通知的工作方式与其他应用程序的通知完全相同，显示在锁定屏幕、通知中心和配对的 Apple Watch 上。

更多阅读：如何在 iPhone、iPad、Mac、Windows 和 Web 上访问 iCloud

1. 打开您添加到主屏幕的网络应用程序。
2. 找到并启用打开推送通知的设置。
3. 当出现权限提示时，点击允许允许网络应用程序向您发送通知，就像它是一个典型的应用程序一样。

完成此操作后，您将能够从内部控制 Web 应用程序的警报和图标徽章通知的部分设置应用程序。

将网站书签添加到主屏幕

对于没有专用移动应用程序或网络应用程序来访问其内容的网站，您仍然可以使用相同的方法将本质上是网站书签的内容添加到主屏幕添加到主屏幕Safari 的共享菜单中的选项。

在主屏幕上创建书签可让您将其用作一键式门户来访问特定的在线内容，而不必打开浏览器，然后选择书签或输入网站的 URL 地址。

当您点击主屏幕上的网站书签时，它会在您选择的特定页面上的 Safari 中打开。尽管它不是网络应用程序，但如果您链接到的网站具有适合移动设备的动态布局（例如 MacRumors），则从主屏幕访问它会感觉像应用程序一样的体验。