Muchas veces hemos hecho aplicaciones WEB que su principal dispositivo de visualización era un móvil.

También, cuando hemos tenido que visualizar en el móvil estas aplicaciones hemos identificado que en general nos sobra la barra de direcciones y que deseábamos tener esta aplicación con un icono o link y que no se mezclara en el navegador con otras consultas.

Alguien que desarrolle APP nativas (Android o IOS) nos dirá que es una aberración que construyamos aplicaciones WEB para dispositivos móviles, pero aún pudiendo estar de acuerdo, nos sigue siendo más sencillo desarrollar aplicaciones WEB que hacer APP y por eso sigue existiendo este tipo de aplicaciones.

Todo esto está bastante bien explicado en: https://web.dev/articles/fullscreen

Yo he probado en una aplicación para móvil escrita en PHPRunner 9.8 y he aplicado los cambios que indica el artículo. Así pues, he incluido en la plantilla de las páginas. Mirar imagen.

El fichero “manifest.json” que he creado es:

{
  "short_name": "QuienPaga",
  "name": "Quién Paga",
  "icons": [
    {
      "src": "mis_imagenes/favicon.png",
      "sizes": "48x48",
      "type": "image/png"
    }
  ],
  "start_url": "index.html",
  "display": "standalone",
  "orientation": "portrait"
}

Y la verdad, cuando sigues las indicaciones y generas el link en las páginas de inicio del móvil, el resultado es muy bueno cumpliéndose los requisitos de que la WEB APP parece una APP.