Как добавить веб-сайт в качестве приложения на главный экран iPhone?

Все мы посещаем определенные веб-сайты чаще, чем другие сайты. Лучший пример — местные новостные сайты. Все мы читаем новости на родном языке в основном через приложения. На некоторых местных сайтах может не быть приложения, или вам не нравится читать контент через приложение. Как правило, сложно разместить весь поток контента в приложении, и необходимо посетить веб-сайт, чтобы получить соответствующую информацию. В таком случае каждый раз вам нужно открывать Safari и просматривать сайт, открывая URL-адрес или через избранное. Apple предлагает простой способ сэкономить время, добавив ярлык веб-страницы в качестве приложения на главный экран для прямого доступа к сайту. В этой статье мы объясним, как добавить веб-страницу в качестве приложения на главный экран iPhone. Тот же процесс можно выполнить на любых устройствах iOS, таких как iPad.

Прогрессивные веб-приложения или PWA

Прежде чем двигаться дальше, вам нужно понять Progressive Web Apps или PWA. Это веб-сайты в сочетании с функциями мобильного приложения, поэтому нет необходимости в отдельном приложении. Например, нет настольных приложений для YouTube, которые можно установить в Windows или Mac. Однако вы можете установить YouTube как приложение с помощью функции PWA и использовать его так же, как и другие приложения на вашем компьютере. К сожалению, эта функция PWA не поддерживается в браузере iPhone Safari так, как она работает в настольном браузере Google Chrome. Хорошая часть заключается в том, что вы можете использовать аналогичную функцию под названием «Добавить на главный экран», которая также считается PWA, поскольку позволяет веб-сайту работать как приложение.

Обратите внимание, что Google Chrome также не поддерживает установку веб-сайта в качестве приложения на iPhone. Он работает только на настольных устройствах, таких как Windows PC или Mac. Следуйте приведенным ниже инструкциям, чтобы добавить веб-сайт в качестве приложения на главный экран вашего iPhone.

Шаг 1. Откройте сайт в Safari.

Возьмем пример с Википедии. Нам нравится открывать домашнюю страницу wikipedia.org для поиска вместо приложения для iOS. Откройте страницу wikipedia.org в Safari и коснитесь значка «Поделиться», который отображается внизу страницы.

Коснитесь значка «Поделиться»

Шаг 2 — Добавьте веб-страницу на главный экран

Вы увидите все параметры обмена, такие как AirDrop, контакты, которые вы недавно использовали, и некоторые параметры. Проведите пальцем вверх, чтобы просмотреть все параметры, и нажмите «Добавить на главный экран».

Добавить на домашний экран

Шаг 3 – Введите имя для приложения

Заголовок страницы по умолчанию будет отображаться как имя вашего приложения. Вы можете оставить все как есть или ввести любое имя для значка ярлыка веб-страницы, который будет отображаться как приложение на главном экране.

Добавить веб-сайт

Шаг 4 – Проверьте значок

Теперь, когда вы сделали. Закройте приложение Safari и проверьте на главном экране, вы должны найти значок веб-страницы, добавленный, как и любое другое приложение, установленное из App Store. Это закладка веб-сайта, и вы можете удалить приложение в любое время, нажав и удерживая его, а затем выбрав опцию «Удалить закладку».

Сайт добавлен как приложение

Если на веб-странице используется значок Apple Touch, он будет использоваться в качестве значка приложения на вашем iPhone. В некоторых случаях, например, на сайте WordPress, в качестве значка приложения используется значок сайта или Favicon, который достаточно велик по размеру.

Шаг 5 – Откройте сайт как приложение

Коснитесь значка, чтобы открыть веб-страницу в качестве приложения. Хотя сайт выглядит как независимое приложение, на самом деле он открывается в браузере Safari. Вы можете открывать несколько вкладок и просматривать другие сайты в Safari после запуска ярлыка веб-сайта.

Почему это полезно?

Основная цель PWA заключается в том, что к нему можно получить доступ в автономном режиме, и вы должны иметь возможность просматривать страницы, к которым вы обращались ранее, без подключения к Интернету. Однако добавление на главный экран не работает на iPhone в автономном режиме. Ниже приведены некоторые преимущества добавления веб-сайтов на главный экран:

• Вам больше не нужно запускать Safari и каждый раз вводить адрес сайта.
• Можно добавить любой ярлык веб-страницы на главный экран вашего iPhone и быстро получить доступ к странице.

Как добавить веб-сайт на главный экран с помощью Google Chrome?

Как уже упоминалось, Apple не поддерживает установку приложений через браузер, поэтому в Google Chrome нет этой функции «Добавить на главный экран» по умолчанию. Однако вы можете использовать приложение «Ярлыки», чтобы создать ярлык веб-сайта и добавить его на главный экран для открытия в Google Chrome вместо Safari.

• Откройте приложение «Ярлыки» и коснитесь значка + в правом верхнем углу приложения.
• На следующем экране нажмите кнопку «Добавить действие», чтобы создать новое действие быстрого доступа.

Добавить новое действие

• Перейдите на вкладку «Приложения» и нажмите на Chrome.
• Выберите первый вариант, отображаемый как «Открыть URL-адреса в Chrome».

Выберите приложение Chrome

• Введите URL-адрес сайта, который вы хотите добавить на главный экран в качестве приложения.
• Нажмите на значок, отображаемый в верхнем левом углу, и выберите новый значок для своего приложения из списка глифов, отображаемых в списке.
• Если вы не хотите менять значок приложения, просто нажмите на настройки.

Введите URL-адрес сайта и перейдите в настройки

• Затем нажмите на опцию «Добавить на главный экран», отображаемую на вкладке «Подробности».

Нажмите «Добавить на главный экран».

• Введите название вашего приложения и нажмите «Добавить».

Добавить имя приложения

• Вы увидите приложение на главном экране, которое является ярлыком закладки. Вы можете нажать на приложение, чтобы открыть сайт в Chrome.

Приложение добавлено на главный экран