jquery.app
Espanol
EnglishDeutschFrancaisEspanol日本語Nederlands

Herramientas de imágenes y assets

Gratis Validador de manifiesto web

Valida un manifiesto web JSON contra la especificación W3C con lista de verificación de instalabilidad.

Cargando herramienta...

Qué es Validador de manifiesto web?

Un manifiesto de aplicacion web es un archivo JSON que indica a los navegadores como debe comportarse su aplicacion web cuando se instala en el dispositivo del usuario. Especifica el nombre de la aplicacion, iconos, URL de inicio, modo de visualizacion, colores del tema y otras propiedades. El manifiesto se enlaza desde el head de su HTML con una etiqueta link: <link rel="manifest" href="/site.webmanifest">.

Respuesta rápida

Valide el JSON de su manifiesto de aplicacion web para la instalabilidad de PWA. Requerido: name, icons (192x192 y 512x512), start_url, modo de visualizacion (standalone/fullscreen/minimal-ui). El manifiesto debe enlazarse en el head HTML y servirse con Content-Type: application/manifest+json.

Last updated: 2026-05-28

Limitaciones

  • Este validador solo revisa el contenido del JSON del manifiesto. No verifica que los archivos de icono existan, que start_url devuelva 200 ni que el service worker este registrado y funcional.
  • La especificacion W3C Web App Manifest esta evolucionando. Los campos nuevos como protocol_handlers, shortcuts y related_applications aun no se validan.
  • Diferentes navegadores tienen diferentes requisitos de instalabilidad. Chrome, Edge, Safari y Firefox interpretan los campos del manifiesto de manera ligeramente diferente. Pruebe en dispositivos reales en todas las plataformas.

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

Cómo usar esta herramienta

  1. Pegue el contenido JSON completo de su manifiesto de aplicacion web en el area de texto.
  2. La herramienta analiza el JSON y verifica cada campo contra la especificacion W3C Web App Manifest.
  3. Revise los errores (debe corregir) y advertencias (deberia corregir) y siga la lista de verificacion de instalabilidad antes de implementar.

Para qué puedes usarla

  • Validar un manifiesto antes de implementar una PWA para asegurar que se cumplan los requisitos de instalabilidad.
  • Depurar por que no aparece el aviso de instalacion de una PWA: revise los campos del manifiesto que Chrome y Edge requieren.
  • Auditar un manifiesto existente despues de agregar nuevos iconos, cambiar la URL de inicio o actualizar los colores del tema.

Casos de uso

Ejemplos prácticos

Ejemplo

Verificacion de manifiesto pre-lanzamiento

Un desarrollador genera un manifiesto con el generador de manifiestos del sitio y lo pega en el validador. El validador senala que falta short_name, sugiere agregar un icono de 512x512 y advierte que start_url no comienza con /.

Ejemplo

Depuracion de aviso de instalacion de PWA

Una PWA no muestra el aviso de instalacion en Chrome. Se pega el manifiesto en el validador. Reporta que el array de iconos esta vacio: sin al menos un icono de 192x192, Chrome no ofrece el aviso de instalacion.

Errores comunes

  • Olvidar enlazar el manifiesto en el head HTML: el navegador no puede descubrir el manifiesto sin la etiqueta link.
  • Usar un array de iconos vacio o faltante: como minimo, se requieren iconos PNG de 192x192 y 512x512 para el aviso de instalacion.
  • Establecer el modo de visualizacion en browser pero esperar una aplicacion instalable: standalone, fullscreen o minimal-ui son los modos de visualizacion instalables.

Verificación

  1. Ejecute una auditoria Lighthouse de PWA: verifica el manifiesto junto con otros requisitos de instalabilidad.
  2. Abra Chrome DevTools > Application > Manifest y verifique que todos los campos se analicen correctamente y no se muestren errores.

FAQ

Preguntas sobre Validador de manifiesto web

Por que no aparece el aviso de instalacion de mi PWA?

Chrome y Edge requieren: el manifiesto enlazado en el head HTML, servido con el tipo MIME correcto, que contenga al menos name, short_name (o name < 30 caracteres), un icono PNG de 192x192 y 512x512, start_url dentro del scope, display establecido en standalone/fullscreen/minimal-ui y un service worker registrado. El sitio debe servirse a traves de HTTPS.

Es necesario short_name si name ya es corto?

Si name tiene 30 caracteres o menos, algunas plataformas lo usan como nombre corto. Sin embargo, establecer short_name explicitamente asegura un comportamiento consistente entre plataformas. El maximo recomendado para short_name es 12 caracteres: los nombres mas largos se truncan en las pantallas de inicio de Android e iOS.

Con que tipo MIME debe servirse el manifiesto?

El manifiesto debe servirse con Content-Type: application/manifest+json. GitHub Pages sirve archivos .webmanifest con este tipo MIME automaticamente. Netlify y Vercel tambien lo manejan correctamente.

Herramientas relacionadas

Más herramientas de imágenes y assets

Prueba también

Prueba también