Revisar los ajustes declarados de un manifiesto web

Pega el contenido de manifest.webmanifest para revisar sus ajustes. La herramienta no descarga iconos, no comprueba el service worker ni certifica que el navegador ofrezca instalar la aplicación.

Se ejecuta localmente en tu navegador
Esta herramienta procesa todos los datos localmente en tu navegador.
JSON de Web App ManifestPega el contenido de manifest.webmanifest. El comprobador lo lee localmente y no solicita sus recursos.

Cómo inspeccionar un manifiesto de aplicación web

Pega el JSON de un archivo manifest.webmanifest y la página informa lo que leería un navegador: el nombre, la URL inicial, el modo de visualización, los iconos declarados y los colores del tema, además del JSON normalizado que puedes devolver a tu proyecto.

Todo se ejecuta en este navegador. La página no descarga el manifiesto, los iconos ni el sitio, así que un resultado correcto significa que los campos declarados están bien, no que vaya a aparecer el aviso de instalación.

  1. Pega el JSON del manifiesto en JSON de Web App Manifest o pulsa Cargar ejemplo para ver una muestra completa.
  2. Pulsa Inspeccionar manifest. Si el texto no es JSON válido se muestra el mensaje del analizador, así que una coma final o un carácter suelto se localizan enseguida.
  3. Revisa Campos del manifest: nombre, start_url, display, número de iconos y color del tema, tal como los declara el archivo.
  4. Revisa la lista de hallazgos: las filas rojas invalidan el manifiesto para el navegador, las amarillas conviene corregirlas y las grises son notas como un purpose ausente.
  5. Copia o descarga el JSON normalizado (sangría de 2 espacios, guardado como manifest.webmanifest); Limpiar vacía los dos paneles.

Qué lee esta página y qué deja en tus manos

Campos que se validan

name y short_name deben ser cadenas y al menos uno debe estar presente. start_url debe ser una cadena y analizarse como URL; un valor de otro tipo se reporta porque el navegador lo ignora y vuelve a la URL del documento.

display debe ser una cadena y uno de fullscreen, standalone, minimal-ui o browser. icons debe ser un array; cada entrada necesita src, sizes debe ser "any" o una lista anchoxalto, y purpose solo admite any, maskable y monochrome. theme_color y background_color se comprueban con el analizador de colores CSS del propio navegador.

Cómo se califica el resultado

El aviso superior sigue el hallazgo más grave: verde solo si la lista está vacía, amarillo con avisos, rojo con errores como JSON inválido, raíz que no es objeto, start_url no textual, icons que no es un array o un icono sin src.

Cada hallazgo nombra el campo o el índice del icono y el valor que lo provocó, para corregir el manifiesto sin adivinar.

Lo que esta página no hace

No solicita el manifiesto, los iconos ni ningún otro recurso, no mira el service worker y no prueba la instalación. Los start_url relativos solo se comprueban por sintaxis; nada se resuelve contra la URL real de tu manifiesto.

Se tolera la marca de orden de bytes UTF-8 al inicio del texto pegado, porque los editores la añaden; cualquier otro contenido que no sea JSON plano se reporta con el mensaje del analizador.

Herramientas recientes: