Saltar al contenido
Totalmente local

Generador de manifiestos de aplicaciones web

Crea un manifest.json válido para tu aplicación web progresiva a partir del nombre, iconos, colores y opciones de visualización.

Salida

Generador de manifiestos de aplicaciones web

Un manifiesto de aplicación web indica a los navegadores y sistemas operativos cómo debería verse y comportarse tu aplicación web progresiva cuando está instalada — su nombre, conjunto de iconos, colores y si se abre en su propia ventana o en una pestaña del navegador. Esta herramienta crea ese manifest.json a partir de un conjunto de campos, de modo que no tengas que recordar la forma exacta del JSON o buscar qué claves son obligatorias.

Completa el nombre de la aplicación y el nombre corto, luego establece el modo de visualización (independiente es la opción habitual para una aplicación que debería sentirse nativa), orientación y colores de tema y de fondo, que controlan la pantalla de bienvenida y el navegador en Android. Añade iconos como una entrada por línea o separados por punto y coma en la forma src|tamaños|propósito — por ejemplo /icono-512.png|512x512|any — y la herramienta rellena el tipo MIME de la extensión de archivo automáticamente. Los accesos directos (entradas de lista de salto como "Redactar" o "Bandeja de entrada") y los enlaces de aplicaciones nativas relacionadas siguen el mismo atajo estilo src|tamaños|propósito, con cada campo separado por una barra vertical.

La herramienta verifica los campos mientras escribes: marca un nombre de aplicación faltante antes de generar nada, y advierte — sin bloquear la salida — cuando tu conjunto de iconos no tiene una entrada 192x192 o 512x512, ya que las comprobaciones de instalabilidad en Android y escritorio buscan esos tamaños específicos, o cuando una línea de icono olvidó su tamaño completamente.

Todo se ejecuta localmente en tu navegador; los detalles de tu aplicación no se envían a ningún lado. La salida es el contenido de manifest.json seguido de la etiqueta <link rel="manifest"> para pegar en el <head> de tu página. Cópialo, descárgalo como archivo .txt para renombrarlo tú mismo, o envíalo directamente a la entrada de otra herramienta.

Preguntas frecuentes

¿Qué campos necesita realmente un manifiesto?
Solo un nombre (o short_name) es estrictamente requerido para que esta herramienta genere nada. En la práctica, los navegadores también quieren al menos un icono 192x192 y 512x512 antes de ofrecer instalar la aplicación — la herramienta advierte si faltan.
¿Cómo formato el campo de iconos?
Un icono por entrada, separados por punto y coma o nueva línea, en la forma src|tamaños|propósito — por ejemplo /icono-192.png|192x192|any. Los tamaños y propósito son opcionales, pero omitir tamaños activa una advertencia.
¿Qué hace prefer_related_applications?
Indica al navegador que sugiera la aplicación nativa listada bajo aplicaciones relacionadas en lugar de instalar la aplicación web. Solo aparece en la salida una vez que añades al menos una aplicación relacionada.
¿Dónde guardo el archivo generado?
Guarda la parte JSON como manifest.json en la raíz de tu sitio (o donde prefieras, ajustando el href del enlace para que coincida), y pega la etiqueta <link> generada en tu HTML <head>.
¿Se cargan los datos de mi aplicación en algún lugar?
No. El manifiesto se ensambla completamente en tu navegador a partir de los campos que rellenas — nada sobre tu aplicación se envía a un servidor.