Skip to content
This repository has been archived by the owner on Mar 14, 2024. It is now read-only.

Latest commit

 

History

History
36 lines (23 loc) · 2.68 KB

index.md

File metadata and controls

36 lines (23 loc) · 2.68 KB
Raw
layout title description date updated
layouts/doc-post.njk
No está configurada para una pantalla de presentación personalizada
Aprenda a crear una pantalla de presentación personalizada para su aplicación web progresiva.
2019-05-04
2019-09-19

Una pantalla de presentación personalizada hace que su aplicación web progresiva (PWA) se sienta más como una aplicación creada para ese dispositivo. De forma predeterminada, cuando un usuario inicia su PWA desde la pantalla de inicio, Android muestra una pantalla en blanco hasta que la PWA está lista. El usuario puede ver esta pantalla en blanco durante máximo 200 ms. Al configurar una pantalla de presentación personalizada, puede mostrarles a sus usuarios un color de fondo personalizado y el ícono de su PWA, para ofrecer una experiencia atractiva y de marca.

Cómo falla la auditoría Lighthouse de la pantalla de presentación

Lighthouse marca las páginas que no tienen una pantalla de presentación personalizada:

{% Img src="image/tcFciHGuF3MxnTr1y5ue01OGLBn2/CKrrTDSCZ0XLZ7ABKlZt.png", alt="Auditoría Lighthouse que muestra que el sitio no está configurado para una pantalla de presentación personalizada", width="800", height="98" %}

{% Partial 'lighthouse-pwa/scoring.njk' %}

Cómo crear una pantalla de bienvenida personalizada

Chrome para Android muestra automáticamente su pantalla de presentación personalizada siempre que cumpla con los siguientes requisitos en el manifiesto de su aplicación web:

  • La propiedad name se configura como el nombre de su PWA.
  • La propiedad background_color se establece en un valor de color CSS válido.
  • La matriz icons especifica un icono de al menos 512 x 512 px.
  • El icono especificado existe y es un archivo PNG.

Consulte el documento Agregar una pantalla de presentación para las aplicaciones web instaladas en Chrome 47 para obtener más información.

{% Aside %} Si bien la auditoría de Lighthouse se aprobará cuando haya un solo ícono de 512x512 px, existe cierto desacuerdo sobre qué íconos debería incluir una PWA. Consulte la Auditoría: cobertura del tamaño de los iconos para obtener una discusión sobre los pros y los contras de los diferentes enfoques. {% endAside %}

Recursos

El código fuente de la auditoría No está configurada para una pantalla de presentación personalizada