Skip to content
Aprender Medir Blog Case studies About
En esta página
  • Cómo falla la auditoría Lighthouse del manifiesto de la aplicación web
  • Cómo hacer que su PWA sea instalable
  • Cómo comprobar que su PWA es instalable
    • En Chrome
    • En otros navegadores
  • Recursos

El manifiesto de la aplicación web no cumple con los requisitos de instalación

May 4, 2019 — Actualizado Sep 19, 2019
Available in: 日本語, 한국어, Português, Русский, 中文, English
Appears in: Auditorias de las PWA
En esta página
  • Cómo falla la auditoría Lighthouse del manifiesto de la aplicación web
  • Cómo hacer que su PWA sea instalable
  • Cómo comprobar que su PWA es instalable
    • En Chrome
    • En otros navegadores
  • Recursos

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

Si el manifiesto de una página no incluye las siguientes propiedades, la auditoría fallará:

  • Una propiedad short_name o name
  • Una propiedad icons que incluya un icono de 192x192 px y uno de 512x512 px
  • Una propiedad start_url
  • Una propiedad display establecida en fullscreen, standalone o minimal-ui
  • Una propiedad prefer_related_applications establecida en un valor distinto de true.

Precaución

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.

Pruebelo

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:

  • Edge
  • Firefox
  • Ópera
  • Samsung Internet
  • UC Browser

Recursos #

  • El código fuente de la auditoria El manifiesto de la aplicación web no cumple con los requisitos de instalación.
  • Agregar un manifiesto de aplicación web
  • Descubra lo que se necesita para que sea instalable
  • Manifiesto de la aplicación web
  • No usa HTTPS
Última actualización: Sep 19, 2019 — Mejorar el artículo
Codelabs

See it in action

Learn more and put this guide into action.

  • Make it installable
Return to all articles
Compartir
suscribir

Contribute

  • Presentar un error
  • Ver fuente

Contenido relevante

  • developer.chrome.com
  • Chrome Actualizaciones
  • Web Fundamentals
  • Case studies
  • Podcasts
  • Shows

Conectar

  • Twitter
  • YouTube
  • Google Developers
  • Chrome
  • Firebase
  • Google Cloud Platform
  • Todos los productos
  • Condiciones y privacidad
  • Principios de la Comunidad

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies.