Estás aquí:   Contenido / Manejo De La Progressive Web App / Aplicación Web Progresiva - Ajustes

Añade un icono en la pantalla de Inicio para tu PWA en móviles

Android

1 / Agrega una imagen en el menú Contenido & diseño> Diseño> Diseño general> Icono> Personalizado> PWA> Icono de Apple Touch .
2 / Reconstruye tu PWA para vincular esta imagen a tu PWA.

El navegador Chrome mostrará automáticamente un popup "Agregar a la pantalla de inicio" una vez que tus usuarios publiquen y examinen tu PWA, como se muestra en el siguiente ejemplo:

picture

1

iOS

Por el momento, Safari móvil no permite mostrar esta ventana, necesitas usar los ajustes del navegador. 

1/ Abre el navegador pulsando el icono de Safari.
2/ Entre a la PWA que quieres añadir como un icono en la pantalla de Inicio. 
3/ Pulsa el botón de Compartir al fondo de la ventana del navegador. Es el botón mostrado como un cuadro con una flecha arriba en el primer plano.
4/ El iOS Share Sheet ahora esta visible, sobre la ventana principal del navegador. Selecciona la opción marcada "Add to Home Screen".

picture

5/ La interfaz Agregar a Inicio debería estar visible. Puedes editar el nombre que se mostrara debajo del icono de acceso directo que estas creando en su pantalla de Inicio. 

6/ Cuando terminas, pulsa el botón "Agregar".
Vas a estar enviado a la pantalla de Inicio de tu iPad/iPhone, que ahora contiene el nuevo icono conectado a tu PWA. 

Nota: Si quieres desactivar la ventana modal , solo es posible para la versión de Android, eliminando el icono de Apple Touch ".