# Как добавить сайт на главный экран iPhone и Android Как добавить сайт на главный экран iPhone через Safari и Android через Chrome. Порядок установки, проверка входа и сохранения данных после повторного запуска. URL: https://posts.danashkin.ru/guides/sayt-na-glavnyy-ekran-telefona Обновлено: 2026-10-22 --- Чтобы добавить сайт на главный экран телефона, воспользуйся меню браузера. На iPhone это делается в Safari, на Android - в Chrome. Если твой небольшой сервис уже удобно работает на телефоне, такого запуска может хватить для повседневного использования. Сайт должен быть доступен по адресу с телефона. Ссылка на `localhost` с компьютера для этого не подходит: на телефоне она обращается к самому телефону. Если сервис существует только в запущенной рабочей сессии, сначала разберись с [доступностью локального приложения](/guides/localhost-gasnet-vmeste-s-oknom). Личный сервис также не становится закрытым для других только потому, что ты добавил его на свой экран. ## Как добавить сайт на главный экран? **Главное** На iPhone открой сайт в Safari и найди в меню «Поделиться» команду добавления на экран «Домой». На Android открой сайт в Chrome и выбери установку или создание ярлыка. Доступное действие зависит от сайта и версии браузера. **iPhone, Safari:** 1. Открой нужный сайт. 2. Нажми «Поделиться». В некоторых видах Safari эта команда находится внутри меню страницы. 3. Выбери команду добавления на экран «Домой». Если её нет, открой «Редактировать действия» внизу списка и добавь её. 4. Включи «Открыть как веб-приложение», если этот параметр есть в твоей версии. 5. Нажми «Добавить». Такой порядок описан в [руководстве Apple](https://support.apple.com/ru-ru/guide/iphone/iphea86e5236/ios). Перед добавлением проверь адрес: это должна быть нужная рабочая версия сайта. **Android, Chrome:** 1. Открой сайт в Chrome. 2. Нажми меню справа от адресной строки. 3. Найди установку или создание ярлыка и следуй подсказкам на экране. В [английской справке Google](https://support.google.com/chrome/answer/9658361?co=GENIE.Platform%3DAndroid&hl=en-0) путь для веб-приложения называется `Install and create shortcut → Install`. У обычного сайта может быть доступно создание ярлыка; названия в локализованном интерфейсе могут отличаться. Инструкции сверены 19 октября 2026 года. Если можно изменить имя, выбери понятное название сервиса. После добавления закрой прежнюю вкладку и открой сайт новым значком. ## Проверь одно действие от начала до сохранения **Главное** Запусти сайт с главного экрана, войди и выполни свою обычную задачу. Затем закрой его и проверь сохранённый результат при повторном открытии. Значок добавляет удобный вход; работу формы и хранение данных нужно проверить отдельно. Например, в личном учёте расходов выбери категорию, введи тестовую сумму, сохрани её и найди после повторного запуска. Проверь именно ту операцию, ради которой собираешься открывать сервис с телефона. Во время ввода посмотри, не закрывает ли клавиатура кнопку сохранения, можно ли исправить ошибку и понятно ли, что операция завершилась. Уменьшенное окно на компьютере не заменяет этот проход на настоящем телефоне. Если запись пропала или приходится двигать широкую таблицу пальцем, исправь конкретное место в сайте. Установленное веб-приложение и простой ярлык могут выглядеть похоже. Работа без интернета, уведомления, камера и фоновое выполнение зависят от реализации сервиса, браузера и разрешений. Установка сама по себе их не создаёт. Если что-то из этого необходимо, проверь отдельное действие: например, сохрани запись без связи и убедись, что произойдёт после её восстановления. Для опыта возьми тестовую запись, которую не жалко потерять. Разрешение на уведомления или камеру тоже не доказывает готовность функции: сайт должен обрабатывать и согласие, и отказ. Если данные хранятся на сервере, ему по-прежнему нужны работа и обслуживание. Различия установки и возможностей веб-приложений описаны в [руководстве MDN](https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Guides/Making_PWAs_installable). Если команда хочет создавать небольшие рабочие инструменты с ИИ, [посмотри программу моего корпоративного обучения](https://danashkin.ru/workshop/): в ней есть прототипирование и работа с агентами. Требования к запуску на телефоне стоит обозначить до практики. ## Когда дорабатывать сайт или делать приложение **Главное** Решение зависит от того, какое действие не удалось выполнить. Ошибку формы можно исправить в сайте. Для отсутствующей возможности нужно сравнить поддержку веб-платформы и отдельную разработку на нужном устройстве. Если основной сценарий выполняется и результат сохраняется, можно пользоваться этим вариантом. Если нет, запиши модель телефона, браузер, последовательность действий и наблюдаемый результат. Порядок такого описания есть в статье [как принести агенту ошибку](/guides/kak-prinesti-agentu-oshibku). Если дорабатываешь сайт с [ИИ-агентом](/concepts/ai-agent), передай ему описание и попроси исправить конкретную ошибку. После правки повтори на телефоне те же действия и проверь, исчезла ли описанная ошибка. | Что обнаружилось | Что делать дальше | |---|---| | Клавиатура закрывает сохранение | Исправить форму на мобильном экране | | Запись исчезает после повторного входа | Проверить хранение данных и авторизацию | | Критичная функция не работает без связи | Уточнить, реализован ли такой режим и поддерживается ли он на устройстве | | Требование нельзя закрыть текущей веб-версией | Сравнить доработку сайта и отдельное приложение по этому требованию | Необязательно сразу переделывать весь внешний вид. Сначала нужны читаемый текст, доступные действия и понятное подтверждение сохранения. Для массового продукта дополнительно придётся учитывать распространение, поддержку и обновления на устройствах пользователей. Совет для личного сервиса не отвечает на все эти вопросы. Даже после установки веб-приложение может зависеть от сервера. Инструмент, в котором ты его создал, и работающий сервис выполняют разные задачи; это разобрано в статье [нужен ли Claude готовому приложению](/guides/nuzhen-li-claude-gotovomu-prilozheniyu). Для выбора следующей доработки достаточно записать одно конкретное ограничение и способ проверить его устранение. ### Источники - [Apple: добавление сайта как веб-приложения на iPhone](https://support.apple.com/ru-ru/guide/iphone/iphea86e5236/ios). - [Google: установка веб-приложений в Chrome на Android](https://support.google.com/chrome/answer/9658361?co=GENIE.Platform%3DAndroid&hl=en-0). - [MDN: требования к установке веб-приложений](https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Guides/Making_PWAs_installable).