#555 · Herramienta para desarrolladores

Generador de Web App Manifest

Genera un web app manifest en JSON a partir de nombre, nombre corto, URL de inicio, scope, colores y modo de visualización. Produce un manifest válido y listo para descargar, omitiendo campos vacíos y normalizando rutas y colores básicos. También resume los campos incluidos para que puedas revisar la configuración antes de enlazar manifest.webmanifest desde el sitio.

Datos de entrada

Datos del manifest

Nombre, nombre corto, start_url, scope, theme_color, background_color

Display

Orientation

Espacio publicitario

Cómo usar esta herramienta para desarrolladores

Introduce los seis valores en líneas separadas; nombre y nombre corto son los mínimos recomendados para este generador.
Elige display y, si lo necesitas, orientation.
Genera el JSON y revisa rutas y colores.
Descarga el resultado como .webmanifest y enlázalo con <link rel="manifest">.

Qué hace esta herramienta para desarrolladores

Crea un objeto JSON con los miembros comunes de un Web App Manifest y conserva rutas relativas como /app/ cuando son apropiadas para el despliegue.

Se validan nombres no vacíos, colores con sintaxis hexadecimal básica y start_url/scope como valores de cadena. Los campos opcionales vacíos no se incluyen.

Iconos, shortcuts, screenshots y otras capacidades se pueden añadir después; este generador se centra en un manifest base controlable.

Ejemplo

Entrada

Mi App
MiApp
/
/
#112233
#ffffff

Salida esperada

{"name":"Mi App","short_name":"MiApp","start_url":"/","display":"standalone"}

Casos de uso

Crear el manifest inicial de una PWA.
Estandarizar configuración entre entornos.
Generar un archivo base para revisión de diseño y frontend.

Consejos para obtener resultados fiables

Trabaja con una copia del marcado o archivo antes de sustituirlo en producción.
Prueba una entrada válida y otra deliberadamente incorrecta para entender los mensajes de la herramienta.
Revisa el resultado en el contexto real del sitio y no solo de forma aislada.
Conserva únicamente los metadatos o hints que tengan una finalidad concreta.

Detalles del procesamiento

El resultado se serializa con JSON.stringify a dos espacios. No se insertan comentarios porque JSON no los admite.

No verifica que start_url, scope, iconos o recursos existan en el servidor ni evalúa criterios de instalación de una PWA.

Preguntas frecuentes

¿Qué extensión conviene usar para un Web App Manifest?

Son habituales .webmanifest y .json. El servidor debe enviarlo con un tipo MIME apropiado y la página debe enlazarlo mediante rel=manifest.

¿Qué diferencia hay entre name y short_name?

name es el nombre completo; short_name sirve como alternativa más breve cuando el espacio de interfaz es limitado.

¿start_url puede ser una ruta relativa?

Sí. Puede declararse una ruta relativa al URL del manifest, aunque debes comprobar que quede dentro del scope esperado.

¿Qué valor de display debo elegir para una PWA?

standalone es común cuando se desea una experiencia similar a una aplicación; browser mantiene la interfaz normal del navegador.

¿Un manifest válido garantiza que la aplicación sea instalable?

No. La instalación depende además del navegador, contexto seguro, recursos y otros criterios que pueden variar.

Herramientas relacionadas para desarrolladores

Web App Manifest Validator Browserconfig XML Generator Favicon Tag Generator Preload Tag Generator

Resumen del módulo

Módulo	Función
Entrada	Datos del manifest
Procesamiento	Análisis y transformación local en el navegador
Salida	manifest.webmanifest

Explora Metadatos web y archivos del servidor

Consulta más utilidades de esta categoría para revisar metadatos, relaciones HTML y archivos de configuración web.

Ver Category Hub