Saltar al contenido
🛠️ToolsShed

Web App Manifest Generator

Genera un archivo manifest.json de aplicación web PWA con todos los campos requeridos.

Iconos

Coloca los iconos de la aplicación en el directorio /icons/. Tamaños recomendados: archivos PNG de 192×192 y 512×512.

manifest.json

{
  "name": "My App",
  "short_name": "App",
  "description": "A progressive web application.",
  "start_url": "/",
  "display": "standalone",
  "theme_color": "#4f46e5",
  "background_color": "#ffffff",
  "orientation": "any",
  "scope": "/",
  "lang": "en",
  "icons": [
    {
      "src": "/icons/icon-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/icons/icon-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    },
    {
      "src": "/icons/icon-512x512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "maskable"
    }
  ]
}

Acerca de esta herramienta

Un manifiesto de aplicación web es un archivo JSON que le indica a los navegadores cómo mostrar su aplicación web progresiva en el dispositivo de un usuario. Define información esencial como el nombre de su aplicación, URL de inicio, modo de visualización, iconos y colores de tema, permitiendo que su aplicación web se instale y ejecute como una aplicación nativa en teléfonos, tabletas y computadoras de escritorio.

Este generador le ayuda a crear un archivo manifest.json completo simplemente rellenando los detalles de su aplicación. Configura campos como el modo de visualización (independiente o pantalla completa), preferencias de orientación, idioma, alcance y esquema de color, luego descarga o copia el JSON generado al directorio raíz de su proyecto. La herramienta incluye automáticamente marcadores de posición de configuración de iconos y asegura que todas las propiedades del Manifiesto de Aplicación Web W3C requeridas tengan el formato correcto.

Los manifiestos de aplicación web son esenciales para el desarrollo de PWA (Aplicación Web Progresiva) y mejoran la detectabilidad en las tiendas de aplicaciones de iOS y Android. Los desarrolladores que construyen aplicaciones de una sola página, herramientas basadas en web o sitios con capacidad sin conexión se benefician más de esta herramienta, ya que garantiza una generación rápida del manifiesto sin escribir manualmente la sintaxis JSON.

Preguntas Frecuentes

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.