Nueva interfaz de instalación de PWA en Android

A partir de Chrome 90, los administradores de Discourse pueden agregar capturas de pantalla a la hoja inferior de instalación de PWA.

Deberás tomar algunas capturas de pantalla de páginas interesantes, subirlas a un tema y luego completarlas en /admin/site_settings/category/branding?filter=manifest screenshots.

Para las capturas de pantalla, Chrome documenta los siguientes requisitos:

  • El ancho y el alto deben ser de al menos 320 px y como máximo 3840 px.
  • La dimensión máxima no puede ser el doble que la dimensión mínima.
  • Las capturas de pantalla deben tener la misma relación de aspecto.
  • Solo se admiten los formatos de imagen JPEG y PNG.

Después de completar la configuración, se verá así:

Si tienes un sitio con login required, ten en cuenta que las capturas de pantalla son públicas.

37 Me gusta

¿Cómo se rellenan los ajustes para las capturas de pantalla? Parece que solo hay un campo de texto y no se solicita subir una imagen.

1 me gusta

Debes subir las imágenes a un tema, copiar la URL después y usarla en la configuración del sitio.

6 Me gusta

He añadido varios enlaces a capturas de pantalla en las capturas del manifiesto para probar estas funciones, pero no me están funcionando. He probado con Chrome v90.0.4430 y Chrome Canary 91.0.4446. ¿Está esta función lista para implementarse o debemos esperar??

Tienes que activar una bandera en Chrome Canary para probarlo:

chrome://flags/#mobile-pwa-install-use-bottom-sheet

1 me gusta

Funciona bien para meta, pero no para mi sitio en Chrome Canary. He subido la imagen y añadido los enlaces en las capturas de pantalla del manifiesto. ¿Hay algo que esté olvidando?

1 me gusta

¿Puedes enlazar el sitio aquí? ¡Puedo echarle un vistazo por ti!

1 me gusta

Gracias, hay un moderador en el Reino Unido que lo revisará…

La idea de desactivar la PWA no era eliminarla, sino más bien, cuando tengamos más tiempo, ver cómo podemos integrarla de manera compatible con nuestra visión, quizás no como una ventana emergente, sino como un enlace para quienes deseen probarla…

No hay ninguna ventana emergente.

El indicador de instalación de la PWA en Discourse, que aparece en Android, es un enlace en un banner superior que solo se muestra a usuarios con suficiente participación.

Las nuevas capturas de pantalla mencionadas anteriormente solo se muestran después de que el usuario hace clic en el indicador que hemos utilizado durante años.

5 Me gusta

Gracias,
lo agradezco, lo revisaré de inmediato

Gracias, bro,

Aquí está mi sitio: engineersasylum.com

1 me gusta

Las dimensiones de tus capturas de pantalla son 1080x2246, lo cual incumple la regla:

5 Me gusta

Gracias, bro, ahora todo está bien.

1 me gusta

Esto ya está disponible en Android Chrome para algunos usuarios, ya que Google está realizando un lanzamiento escalonado:

8 Me gusta

¡No puedo esperar a ver lo bien que funciona esto con Discourse en el escritorio! :grinning:
https://mspoweruser.com/google-is-working-on-a-more-lavish-pwa-installation-ui/

5 Me gusta