El manifiesto de la aplicación web no cumple con los requisitos de instalación
Published on • Updated on
La instalación es un requisito fundamental de las aplicaciones web progresivas (PWA). Al pedirles a los usuarios que instalen su PWA, les permite agregarla a sus pantallas de inicio. Los usuarios que agregan aplicaciones a las pantallas de inicio interactúan con esas aplicaciones con más frecuencia.
Un manifiesto de aplicación web incluye información clave necesaria para que su aplicación se pueda instalar.
Cómo falla la auditoría Lighthouse del manifiesto de la aplicación web
Lighthouse marca las páginas que no tengan un manifiesto de aplicación web que cumpla con los requisitos mínimos de instalación:
![Auditoría de Lighthouse que muestra que el usuario no puede instalar la aplicación web desde su pantalla de inicio](https://wd.imgix.net/image/tcFciHGuF3MxnTr1y5ue01OGLBn2/039DlaixA4drrswBzSra.png?auto=format)
Si el manifiesto de una página no incluye las siguientes propiedades, la auditoría fallará:
- Una propiedad
short_name
oname
- Una propiedad
icons
que incluya un icono de 192x192 px y uno de 512x512 px - Una propiedad
start_url
- Una propiedad
display
establecida enfullscreen
,standalone
ominimal-ui
- Una propiedad
prefer_related_applications
establecida en un valor distinto detrue
.
Un manifiesto de aplicación web es necesario para que su aplicación sea instalable, pero no es suficiente. Para saber cómo cumplir con todos los requisitos de instalación, consulte la publicación Descubra lo que se necesita para sea instalable.
In the Lighthouse report UI the full PWA badge is given when you pass all of the audits in all of the PWA subcategories (Fast and reliable, Installable, and PWA optimized).
Cómo hacer que su PWA sea instalable
Verifique que su aplicación tenga un manifiesto que cumpla con los criterios anteriores. Consulte la colección instalable para obtener más información sobre cómo crear una PWA.
Cómo comprobar que su PWA es instalable
En Chrome
Cuando su aplicación cumpla con los requisitos mínimos de instalación, Chrome activará un evento beforeinstallprompt
que usted puede usar para solicitarle al usuario que instale su PWA.
Obtenga información sobre cómo hacer que su aplicación se pueda instalar en Chrome con el laboratorio de códigos Hacer que sea instalable.
En otros navegadores
Otros navegadores tienen diferentes criterios de instalación y para activar el evento beforeinstallprompt
. Consulte sus respectivos sitios para conocer todos los detalles:
Recursos
Updated on • Improve article