Cómo se usa
- Escriba el Nombre y el Nombre corto, y después la URL de inicio y el Ámbito de la aplicación.
- Elija el Modo de visualización, y escriba el Color de fondo y el Color del tema como colores hexadecimales.
- Escriba un icono por línea en Iconos: la dirección, y después los tamaños, el tipo y los usos, separados por barras.
- Guarde el texto bajo manifest.webmanifest, y corrija cada aviso que aparece en Comprobaciones de instalación.
Qué significan los miembros
El manifiesto es un archivo JSON. Sus miembros se describen en el Web Application Manifest del W3C (sección 1). Solo se escriben los miembros que rellena, así que un campo vacío omite su miembro. El modo de visualización decide cómo muestra el navegador la aplicación; si el navegador no admite un modo, usa el siguiente de esta cadena (sección 6): pantalla completa, luego independiente, luego interfaz mínima y luego navegador.
Una URL de inicio que está en otro origen que la página se ignora, porque la especificación pide el mismo origen. Un ámbito solo se usa cuando contiene la URL de inicio; si no, los navegadores usan el ámbito que es la URL de inicio sin su nombre de archivo, consulta ni fragmento.
Lo que comprueban los avisos
MDN enumera los miembros que los navegadores basados en Chromium necesitan antes de ofrecer instalar una aplicación web: un nombre o un nombre corto, iconos de 192 px y de 512 px, una URL de inicio y un modo de visualización. Dice también que el sitio debe servirse por https, o desde localhost, y que no se requiere un service worker. Firefox no instala una aplicación web desde un archivo de manifiesto en el escritorio.
La herramienta comprueba los miembros anteriores y la regla del ámbito. No prueba los archivos de los iconos, la dirección HTTPS ni el enlace en sus páginas; eso lo debe confirmar usted.
Los valores por defecto
Con los valores con los que se abre la página, el manifiesto tiene los miembros de abajo. Las comprobaciones no muestran ningún aviso, porque están el nombre, la URL de inicio y los dos tamaños de icono.
| Miembro | Valor |
|---|---|
| name, short_name | Notes, Notes |
| start_url, scope | /, / |
| display | standalone |
| background_color, theme_color | #ffffff, #1f6feb |
| icons | archivos PNG de 192x192 y 512x512; el icono de 512 tiene el uso any maskable |
Preguntas frecuentes
¿Dónde guardo el archivo de manifiesto?
Guárdelo en la raíz del sitio, o en la carpeta de la aplicación, y llámelo manifest.webmanifest. Después enlácelo desde cada página de la aplicación con un elemento link cuyo rel sea manifest, como describe MDN.
¿Necesito un service worker para instalar la aplicación?
No. MDN dice que un service worker no es un requisito para que una PWA sea instalable, aunque muchas aplicaciones lo usan para funcionar sin conexión. El sitio sigue teniendo que servirse por https, o desde localhost.
¿Qué tamaños de icono necesito?
MDN enumera un icono de 192 px y uno de 512 px para los navegadores basados en Chromium. Añada los tamaños como 192x192, separados por espacios cuando un archivo tiene varios. Un archivo SVG puede tener el tamaño any.
¿Cuál es la diferencia entre el nombre corto y el nombre?
El nombre es el nombre completo de la aplicación. El nombre corto es para los lugares donde hay poco espacio, como la etiqueta bajo el icono en la pantalla de inicio. Dé al menos uno de los dos; esta herramienta avisa cuando ambos están vacíos.
¿Por qué la herramienta avisa sobre el ámbito?
Un ámbito solo se usa cuando contiene la URL de inicio (sección 1 del W3C). Si la URL de inicio queda fuera del ámbito, los navegadores ignoran el ámbito y usan el suyo por defecto, así que la aplicación puede abrirse fuera de la zona que usted quería.
Fuentes
- W3C, Web Application Manifest (borrador de trabajo, 6 de noviembre de 2026): secciones 1, 2 y 6 (en inglés)
- MDN, Making PWAs installable (en inglés)
- MDN, miembro display del manifiesto de aplicación web (en inglés)
- MDN, miembro icons del manifiesto de aplicación web (en inglés)
Cifras y texto revisados por última vez el martes, 10 de noviembre de 2026.