Safari 充满了iPhone 和 iPad 上的实用功能。其中一些包括永远在线的桌面模式、可配置的站点设置、对内容拦截器的支持。然而，我觉得人们经常忽视 Safari 将网站直接添加到主屏幕的能力，尤其是在 iPhone 或 iPad 上
如果您只是将“添加到主屏幕”选项视为另一种为网站添加书签的奇特方式，那么您会大吃一惊。主屏幕快捷方式有几个好处。
为什么要创建主屏幕快捷方式
Safari 将网站添加到主屏幕的功能在 iPhone 和 iPad 上已经存在多年。但iOS 11.3 对渐进式网络应用程序的最终支持开始变得更有意义。
渐进式网络应用程序是旨在像实际“应用程序”一样运行的网站——尽管存在诸如缺乏通知支持等限制——一旦您将它们添加到主屏幕。并非所有网站都是 PWA，但这不应该阻止您至少获得下面列出的一些好处。
更快地访问网站
Safari 的网站快捷方式显示为根据网站徽标和网站图标设计的清晰呈现的图标，使它们易于访问且很难错过。无需在 Safari 中费力地浏览收藏夹或书签，只需在主屏幕上单击一下即可加载它们。
但更有用的是，它们还在搜索 (Spotlight)中显示为“应用程序” ，如果您安装了很多应用程序，这可以帮助您轻松摆脱混乱。
保持专注
讨厌被 Safari 中的收藏夹和自动填充建议分散注意力？主屏幕快捷方式应该有所帮助。无需查看 Safari 选项卡，只需轻点一下即可轻松访问网站。
更好的是，这些快捷方式还会导致某些站点将在 Safari 的专用实例中启动。这意味着您可以完全放弃分散注意力的浏览器功能。最值得注意的是缺少选项卡、地址栏、导航控件等。别担心，您仍然可以毫不费力地使用手势进行导航。
如果您容易拖延，尤其是当您想在 iPhone 或 iPad 上完成一些工作时，那么这种“限制”可能会产生奇迹。但是，在将网站添加到主屏幕之前，无法知道网站是否会在专用 Safari 实例中启动。
应用程序般的体验
如果您最喜欢的网站在 App Store 上没有附带的应用程序，那么将它们添加到主屏幕应该是不错的选择。
对于初学者来说，您会得到与专用应用程序看起来没有什么不同的适当图标。如前所述，您使用快捷方式启动的一些网站没有标准浏览器元素（选项卡、地址栏等），从而提供非常类似于应用程序的体验。
推特应用程序推特 PWA
此外，实际支持 PWA 功能的网站——遗憾的是，还不是很多——在模拟实际应用程序方面表现得更好。一个典型的例子是推特。并排比较实际应用程序和 PWA，您只会发现一些细微差别。
有关 PWA 站点的列表，请查看Appscope。
离线功能
脱机运行的能力是与具有 PWA 功能的站点相关的一个关键优势。它们在本地缓存有限数量的 Web 内容，因此即使您失去互联网连接，也可以轻松浏览网站。
如果 PWA 非常面向在线，那将无关紧要。对于 Twitter PWA，您可以访问过去的提要或您已经访问过的页面，但仅此而已。
释放存储空间
主屏幕快捷方式还提供了替换 App Store 应用程序和减少存储空间的最佳方式。例如，安装像 Twitter 这样的 PWA 可以减少应用程序本身消耗的大量存储空间——大约 100-150 MB。如果您随身携带存储空间较小的 iPhone 或 iPad，这将非常方便。
PWA 缓存也有 50 MB 的强制上限，因此您不必处理临时文件堆积和相关问题。
但是，您可能不想替换目前必不可少的专用应用程序。虽然 PWA 工作得很好，但在大多数情况下，它们不支持重要的功能，例如系统通知、后台刷新等。
如何将站点添加到主屏幕
决定将几个网站添加到 iPhone 或 iPad 的主屏幕？那么这里是如何做到这一点。以下步骤适用于iOS 13 和 iPadOS，但它们在 iOS 12 和 iOS 11 中的工作方式也相同——除了共享表的视觉变化。
第 1 步：访问要添加到主屏幕的站点，然后点击共享表图标。然后，向下滚动共享表，然后点击标有“添加到主屏幕”的选项。
第 2 步：为快捷方式输入名称，然后点击添加。如果您想依靠搜索 (Spotlight) 更快地找到您的快捷方式，请注意您将其命名为什么。
注意：如果网站没有提供合适的主屏幕图标，Safari 将使用网页快照代替。
就是这样。现在添加了主屏幕快捷方式。您可以立即开始使用它。在您开始使用网站之前，无法保证网站是否会在专用的 Safari 窗口中打开，或者它是否会支持 PWA 功能。
总结
将网站添加到主屏幕不仅可以让您更快地访问您喜欢的网站，还可以提供更专注的体验。如果一个站点支持实际的 PWA，那么您将获得真正的享受。只是不要期望您通常会从专用的 App Store 应用程序获得相同级别的功能——至少现在还没有——你应该是好的。