如何在iPhone的主屏幕中添加网站作为应用程序

推荐：如何在macOS中使用键盘控制鼠标

渐进式 Web 应用程序或 PWA

在继续之前，您需要了解 Progressive Web Apps 或 PWA。 这些网站与移动应用程序功能相结合，因此不需要单独的应用程序。 例如，没有可供 YouTube 安装在 Windows 或 Mac 中的桌面应用程序。 但是，您可以使用 PWA 功能将 YouTube 安装为应用程序，并使用与计算机上其他应用程序相同的方式。 不幸的是，iPhone Safari 浏览器不支持此 PWA 功能，而它在 Google Chrome 桌面浏览器中的工作方式。 好的部分是您可以使用称为“添加到主屏幕”的类似功能，该功能也被视为 PWA，因为它允许网站像应用程序一样工作。

请注意，谷歌浏览器也不支持将网站作为应用程序安装在 iPhone 中。 它仅适用于 Windows PC 或 Mac 等桌面设备。 按照以下说明将网站添加为 iPhone 主屏幕中的应用程序。

第 1 步 – 在 Safari 中打开网站

让我们以维基百科为例。 我们喜欢打开 wikipedia.org 的主页而不是 iOS 应用程序进行搜索。 在 Safari 中打开 wikipedia.org 页面，然后点击页面底部显示的“共享”图标。

第 2 步 – 将网页添加到主屏幕

您将看到所有共享选项，例如 AirDrop、您最近使用的联系人以及一些选项。 向上滑动以查看所有选项，然后点击“添加到主屏幕”。

第 3 步 – 输入应用名称

默认页面标题将显示为您的应用程序的名称。 您可以保持原样，也可以为将在主屏幕上显示为应用程序的网页快捷方式图标输入任何名称。

第 4 步 – 检查图标

现在你已经完成了。 关闭 Safari 应用程序并检查您的主屏幕，您应该会发现添加的网页图标与从 App Store 安装的任何其他应用程序一样。 这是网站的书签，您可以随时通过点击并按住它然后选择“删除书签”选项来删除该应用程序。

如果网页使用苹果触摸图标，它将被用作您 iPhone 上的应用程序图标。 在某些情况下，如 WordPress 网站，网站图标或尺寸足够大的 Favicon 用作应用程序图标。

第 5 步 – 将网站作为应用程序打开

点击图标以将网页作为应用程序打开。 尽管该网站看起来像一个独立的应用程序，但它实际上是在 Safari 浏览器中打开的。 启动网站快捷方式后，您可以在 Safari 中打开多个选项卡并浏览其他网站。

为什么这有帮助？

PWA 的主要目的是它可以离线访问，并且您应该能够在没有互联网连接的情况下查看您之前访问过的页面。 但是，添加到主屏幕在 iPhone 离线时不起作用。 以下是将网站添加到主屏幕的一些优点：

• 您不再需要每次启动 Safari 并输入站点地址。
• 可以将任何网页快捷方式添加到 iPhone 的主屏幕并快速访问该页面。

如何使用谷歌浏览器将网站添加到主屏幕？

如前所述，Apple 不支持通过浏览器安装应用程序，因此 Google Chrome 默认不具有此“添加到主屏幕”功能。 但是，您可以使用 Shortcuts 应用程序创建网站快捷方式并在主屏幕中添加以使用 Google Chrome 而不是 Safari 打开。

• 打开快捷方式应用程序，然后点击应用程序右上角显示的 + 图标。
• 在下一个屏幕上，点击“添加操作”按钮以创建新的快捷操作。

• 转到“应用程序”选项卡，然后点击 Chrome。
• 选择显示为“在 Chrome 中打开 URL”的第一个选项。

• 输入要作为应用程序添加到主屏幕的站点 URL。
• 点击左上角显示的图标，然后从列表中显示的字形列表中为您的应用选择新图标。
• 如果您不想更改应用程序图标，只需点击设置。

• 然后点击“详细信息”选项卡下显示的“添加到主屏幕”选项。

• 输入您的应用程序的名称，然后点击“添加”。

• 您将在主屏幕上看到一个应用程序，它是书签快捷方式。 您可以点击该应用以在 Chrome 中打开该网站。