Online Tool Store
Generador de manifiesto PWA
Genera un manifiesto de aplicación web PWA (manifest.json) con nombre, nombre corto, URL de inicio, modo de visualización y colores de tema y fondo.
🔒 Esta herramienta funciona totalmente en tu navegador. Tus archivos nunca se suben a un servidor.
manifest.webmanifest
Ejemplo mostrado: añade tus propias entradas de icono en tu proyecto después de copiar.
Cómo funciona el Generador de manifiesto PWA
- Introduce la identidad de tu aplicación, la URL de inicio, el modo de visualización y los colores.
- Revisa el JSON generado a medida que se actualizan los valores.
- Cópialo en un archivo de manifiesto y enlaza ese archivo desde tu sitio.
Un manifiesto de aplicación web son metadatos en JSON. Los navegadores usan campos como name, start_url, display y theme_color para mostrar una aplicación web instalable de forma coherente.
FAQ
¿Qué es un manifiesto de aplicación web?
Es un archivo JSON que indica a los navegadores cómo debe verse y abrirse un sitio cuando se instala como aplicación.
¿Esto genera iconos?
No. Incluye una entrada de icono de ejemplo; crea y añade tus propios archivos de icono.
¿Esto convierte mi sitio en una PWA?
No. Todavía debes configurar un service worker y otros requisitos de instalación en tu proyecto.
¿Cómo añado el manifiesto generado a mi sitio web?
Copia el JSON y guárdalo como manifest.json en la carpeta raíz de tu sitio; luego enlázalo desde el <head> de tu HTML con <link rel="manifest" href="/manifest.json">.
¿Cuál es la diferencia entre los campos nombre y nombre corto?
"name" es el nombre completo de la aplicación que se muestra en el aviso de instalación y en la lista de aplicaciones; "short_name" es una etiqueta más corta que se usa bajo el icono de la pantalla de inicio, donde el espacio es limitado.
Cómo nos comparamos
| Característica | Online Tool Store | PWABuilder | JSON escrito a mano |
|---|---|---|---|
| Vista previa del manifiesto en vivo | ✓ | ✓ | Manual |
| Sin cuenta necesaria | ✓ | ✓ | ✓ |
Para un borrador de manifiesto pequeño sin un flujo de trabajo PWA completo, esta página mantiene juntos los campos principales y el resultado.