Добавление веб-сайта на рабочий стол iPhone¶
Добавление веб-сайта на рабочий стол iPhone — это операция превращения веб-страницы в иконку-ярлык на главном экране устройства, выполняемая средствами мобильного браузера Safari и операционной системы iOS. Ярлык открывает выбранный сайт в браузере и визуально не отличается от нативного приложения, хотя технически остаётся ссылкой на веб-ресурс. Функция реализована в iOS с момента появления первого iPhone в 2007 году и не требует установки стороннего программного обеспечения.
¶Принцип работы
Веб-ярлык на iOS представляет собой файл в формате Web Clip, который операционная система хранит в отдельном контейнере. При создании ярлыка система запрашивает у сайта метаданные: заголовок, иконку (обычно в формате PNG или SVG), цвет фона и ориентацию экрана. Эти данные задаются веб-мастером через HTML-тег <meta (организация признана экстремистской, деятельность запрещена в РФ) name="apple-mobile-web-app-capable"> и файл манифеста manifest.json, однако их отсутствие не мешает созданию ярлыка — в этом случае iOS использует стандартный значок Safari и заголовок страницы.
¶Способ 1: через браузер Safari
Основной и наиболее распространённый способ — использование встроенного меню браузера Safari:
- Открыть нужный сайт в Safari.
- Нажать кнопку «Поделиться» — иконка квадрата со стрелкой внизу экрана.
- В появившемся меню выбрать пункт «На экран “Домой”».
- В окне настройки при необходимости отредактировать название ярлыка.
- Нажать «Добавить» в правом верхнем углу.
После этого иконка появится на свободном месте рабочего стола. Ярлык можно перемещать по экранам, группировать в папки и удалять так же, как обычные приложения — долгим нажатием и выбором «Удалить приложение».
¶Способ 2: через меню «Поделиться» других браузеров
В браузерах на базе Chromium (Google Chrome, Яндекс.Браузер, Microsoft Edge) функция добавления на рабочий стол реализована иначе:
- Chrome: меню «⋯» → «Добавить на главный экран».
- Яндекс.Браузер: меню «⋯» → «Добавить на главный экран» или «Создать ярлык».
- Edge: меню «⋯» → «Добавить на главный экран».
Все эти браузеры создают тот же тип ярлыка, что и Safari, и используют иконку сайта из его манифеста.
¶Способ 3: через PWA (Progressive Web App)
Сайты, оформленные как прогрессивные веб-приложения (PWA), могут устанавливаться как полноценные приложения:
- Открыть сайт в Safari.
- Нажать «Поделиться» → «На экран “Домой”».
- Подтвердить установку.
PWA-сайты отличаются от обычных ярлыков возможностью работать офлайн, отправлять push-уведомления и открываться в отдельном окне без адресной строки браузера. Требования к PWA-сайтам на iOS включают обязательное наличие HTTPS-подключения, файла manifest.json с указанием иконок размером 192×192 и 512×512 пикселей и сервис-воркера для офлайн-работы.
¶Настройка иконки и названия
Для корректного отображения иконки веб-мастеру необходимо разместить на сайте файл manifest.json со следующими полями:
| Поле | Назначение |
|---|---|
name / short_name | Название приложения |
icons | Массив иконок с указанием размеров и формата |
start_url | Адрес страницы при открытии |
display | Режим отображения (standalone, fullscreen) |
background_color | Цвет фона при запуске |
Дополнительно в HTML-коде страницы размещается тег <link rel="apple-touch-icon">, указывающий на иконку размером 180×180 пикселей. Без этого тега iOS использует уменьшенный скриншот сайта, что выглядит неаккуратно.
¶Удаление ярлыка
Удаление веб-ярлыка выполняется стандартным способом для iOS:
- Долгое нажатие на иконку.
- Выбор «Удалить закладку» или «Удалить приложение».
- Подтверждение действия.
Удаление ярлыка не затрагивает данные сайта — куки, сохранённые пароли и локальные данные остаются в браузере.
¶Ограничения
Веб-ярлыки на iOS имеют ряд ограничений по сравнению с нативными приложениями:
- Нет доступа к аппаратным функциям устройства (камере, GPS, Bluetooth) без явного разрешения пользователя.
- Push-уведомления ограничены: iOS поддерживает их для PWA только начиная с версии 16.4.
- Обновление иконки или названия ярлыка требует повторного создания ярлыка — автоматической синхронизации нет.
- Некоторые корпоративные системы управления устройствами (MDM) могут блокировать создание веб-ярлыков.
¶Историческая справка
Функция «На экран “Домой”» появилась в iOS 1.1.3 в январе 2008 года как способ добавления веб-ссылок на рабочий стол. В iOS 11.3 Apple ввела поддержку PWA через Service Workers, что существенно расширило возможности веб-приложений. В iOS 16.4 была добавлена поддержка push-уведомлений для PWA, закрыв один из главных пробелов между веб-приложениями и нативными приложениями.
¶Источники
- Документация Apple для веб-разработчиков: «Configuring Web Applications»
- Руководство пользователя iPhone: раздел «Работа с Safari»
- Спецификация W3C Web Application Manifest
- Документация Google Chrome: «Add to Home Screen»