Назад в каталог
Progressive Web Application logo
РазработкаТехнически проверено

Progressive Web Application

Демонстрация компонента установки для устанавливаемого веб-приложения.

УСТАНОВКА PWA

Установить Progressive Web Application

Safari устанавливает PWA только с сайта самого приложения. Сначала откройте его, затем завершите установку в Safari:

  1. Откройте приложение кнопкой ниже.
  2. Выберите команду установки приложения в адресной строке или меню браузера.
  3. Подтвердите установку.
Открыть сайтОткрыть манифест
О ПРИЛОЖЕНИИ

Что такое Progressive Web Application и кому оно подойдёт?

Страница показывает компонент установки для веб-приложений: варианты предпросмотра установки и отдельное окно приложения. Она адресована разработчикам и всем, кому интересно, как может выглядеть установка веб-приложения. На странице представлен процесс установки с несколькими вариантами предпросмотра и упоминанием связанного нативного приложения. Это справочный пример того, как ведёт себя такой компонент установки.

Как сервис описывает себя

Installation component

Что можно делать в Progressive Web Application

  • Посмотреть варианты предпросмотра установки
  • Оценить отдельное окно приложения
  • Ознакомиться со связанным нативным приложением
Издатель / сайт
khmyznikov.com
Категория
Разработка
Платформы
Web
Языки на сайте
en
СКРИНШОТЫ

Посмотрите на Progressive Web Application до перехода.

Миниатюры получены из актуального манифеста издателя. Нажмите на любую, чтобы открыть увеличенный просмотр.

УСТАНОВКА

Как установить Progressive Web Application с официального сайта.

  1. 1
    Откройте веб-приложение

    Перейдите на официальный сайт в актуальной версии Chrome, Edge или Safari.

  2. 2
    Выберите установку

    Нажмите «Установить приложение» либо «На экран Домой» в меню браузера.

  3. 3
    Подтвердите запуск

    Приложение появится на домашнем экране или в меню запуска. Поддержка зависит от браузера и платформы.

PWA-АУДИТ

Насколько Progressive Web Application готово к установке?

Эта независимая часть карточки проверяет установку, интеграцию с браузером и текущие сигналы PWA.

ВОЗМОЖНОСТИ

Что обнаружено в манифесте и на странице.

ЗаявленоОбнаруженоПровереноНет данных
заявлено
отдельное окно приложения

Манифест запрашивает отдельное окно без обычных элементов браузера.

есть сигнал
не найдено
расширенные режимы окна

Заявлены дополнительные режимы отображения с понятным запасным вариантом.

нет сигнала
не найдено
настройку ориентации экрана

Издатель указывает предпочтительную ориентацию экрана.

нет сигнала
не найдено
управление запуском

Манифест описывает, как приложение обрабатывает повторный запуск.

нет сигнала
обнаружено
service worker

На странице обнаружена регистрация service worker — основа фонового кэша и offline-сценариев.

есть сигнал
не найдено
быстрые действия

Издатель добавил быстрые действия к установленной иконке.

нет сигнала
не найдено
приём данных из системного меню «Поделиться»

Установленное приложение может принимать данные из системного меню «Поделиться».

нет сигнала
не найдено
работу с файлами

Манифест связывает приложение с указанными типами файлов.

нет сигнала
не найдено
ссылки специальных протоколов

Приложение регистрирует обработчики специальных ссылок.

нет сигнала
заявлено
связанные нативные приложения

Манифест связывает PWA с приложениями в других магазинах.

есть сигнал
заявлено
скриншоты для установки

Издатель добавил изображения интерфейса для диалога установки и карточки.

есть сигнал
не найдено
адаптивную иконку

Есть адаптивная иконка, которую система может безопасно обрезать.

нет сигнала
не найдено
монохромную иконку

Есть монохромная иконка для системных поверхностей.

нет сигнала
ИДЕНТИФИКАТОРЯвный ID в манифестеhttps://khmyznikov.com/pwa-install/
ОБЛАСТЬ ЗАПУСКАРежим standalonehttps://khmyznikov.com/pwa-install/
Защищённое HTTPS-соединениеПроверка пройдена по данным последнего сканирования.пройдено
Манифест веб-приложенияПроверка пройдена по данным последнего сканирования.пройдено
Название приложенияПроверка пройдена по данным последнего сканирования.пройдено
Стартовая страницаПроверка пройдена по данным последнего сканирования.пройдено
Режим отображенияПроверка пройдена по данным последнего сканирования.пройдено
Крупная иконка приложенияПроверка пройдена по данным последнего сканирования.пройдено
Адаптивная иконкаТребует внимания или дополнительной проверки.внимание
Скриншоты для установкиПроверка пройдена по данным последнего сканирования.пройдено
Service workerПроверка пройдена по данным последнего сканирования.пройдено
Платформы
Web
ОФИЦИАЛЬНЫЕ ССЫЛКИ

Проверьте сведения у первоисточника.

ПОХОЖИЕ ПРИЛОЖЕНИЯ

Сравните другие приложения категории «Разработка».

pwas.app logo
94
Разработка

pwas.app

Каталог для поиска, анализа и отладки прогрессивных веб-приложений.

Открытый код
Открыть
УСТАНОВКА PWA

Установить pwas.app

Safari устанавливает PWA только с сайта самого приложения. Сначала откройте его, затем завершите установку в Safari:

  1. Откройте приложение кнопкой ниже.
  2. Выберите команду установки приложения в адресной строке или меню браузера.
  3. Подтвердите установку.
Подробнее о приложении
Riffforge logo
94
Разработка

Riffforge

Ежедневная 15-минутная практика метал-гитары: разминка, одна техника, один рифф.

Открытый код
Открыть
УСТАНОВКА PWA

Установить Riffforge

Safari устанавливает PWA только с сайта самого приложения. Сначала откройте его, затем завершите установку в Safari:

  1. Откройте приложение кнопкой ниже.
  2. Выберите команду установки приложения в адресной строке или меню браузера.
  3. Подтвердите установку.
Подробнее о приложении
Abridge Zola Theme logo
94
Разработка

Abridge Zola Theme

Быстрая и лёгкая тема для генератора статических сайтов Zola.

Открытый код
Открыть
УСТАНОВКА PWA

Установить Abridge Zola Theme

Safari устанавливает PWA только с сайта самого приложения. Сначала откройте его, затем завершите установку в Safari:

  1. Откройте приложение кнопкой ниже.
  2. Выберите команду установки приложения в адресной строке или меню браузера.
  3. Подтвердите установку.
Подробнее о приложении
Corporate Climber logo
94
Разработка

Corporate Climber

Сатирическая пошаговая RPG о восхождении по корпоративной лестнице от ресепшена до совета директоров.

Открыть
УСТАНОВКА PWA

Установить Corporate Climber

Safari устанавливает PWA только с сайта самого приложения. Сначала откройте его, затем завершите установку в Safari:

  1. Откройте приложение кнопкой ниже.
  2. Выберите команду установки приложения в адресной строке или меню браузера.
  3. Подтвердите установку.
Подробнее о приложении
APIFlow Studio logo
94
Разработка

APIFlow Studio

Браузерный инструмент для контрактного тестирования API с мок-движком и HTTP-клиентом.

Открытый код
Открыть
УСТАНОВКА PWA

Установить APIFlow Studio

Safari устанавливает PWA только с сайта самого приложения. Сначала откройте его, затем завершите установку в Safari:

  1. Откройте приложение кнопкой ниже.
  2. Выберите команду установки приложения в адресной строке или меню браузера.
  3. Подтвердите установку.
Подробнее о приложении
Qodalis CLI logo
94
Разработка

Qodalis CLI

Терминал в приложении: офлайн-команды, инструменты разработчика и небольшие игры.

Открыть
УСТАНОВКА PWA

Установить Qodalis CLI

Safari устанавливает PWA только с сайта самого приложения. Сначала откройте его, затем завершите установку в Safari:

  1. Откройте приложение кнопкой ниже.
  2. Выберите команду установки приложения в адресной строке или меню браузера.
  3. Подтвердите установку.
Подробнее о приложении
Все приложения категории «Разработка»
ANDROID-ПАКЕТ

Соберите APK для приложения, которым владеете.

Войдите, добавьте сайт и подтвердите домен перед серверной сборкой.

Бесплатный тариф включает одну debug-сборку APK в месяц.
Собрать как владелец