Ayuda online de GoodBarber
Añade un icono en la pantalla de Inicio para tu PWA en móviles
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:
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".
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 ".