Android

1/ Añade una imagen en el menú Diseño & Estructura >Diseño > Diseño General > Icono :: PWA > Icono Apple Touch .
2/ Regenera tu PWA para vincular esta imagen a tu PWA.

Chrome móvil muestra automáticamente un popup "Add to Home screen" cuando tu PWA esta publicada y abierta por primera vez en el navegador, como se ve en el ejemplo abajo: 

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 ".


Otros artículos