Stax

PWA मैनिफेस्ट बिल्डर

अपने PWA के लिए पूर्ण Web App Manifest जनरेट करें।

{
  "name": "My PWA App",
  "short_name": "MyApp",
  "description": "A Progressive Web Application",
  "start_url": "/",
  "scope": "/",
  "display": "standalone",
  "orientation": "any",
  "theme_color": "#000000",
  "background_color": "#ffffff",
  "lang": "en",
  "categories": [
    "utilities"
  ],
  "icons": [
    {
      "src": "/icons/icon-72x72.png",
      "sizes": "72x72",
      "type": "image/png"
    },
    {
      "src": "/icons/icon-96x96.png",
      "sizes": "96x96",
      "type": "image/png"
    },
    {
      "src": "/icons/icon-128x128.png",
      "sizes": "128x128",
      "type": "image/png"
    },
    {
      "src": "/icons/icon-144x144.png",
      "sizes": "144x144",
      "type": "image/png"
    },
    {
      "src": "/icons/icon-152x152.png",
      "sizes": "152x152",
      "type": "image/png"
    },
    {
      "src": "/icons/icon-192x192.png",
      "sizes": "192x192",
      "type": "image/png",
      "purpose": "any maskable"
    },
    {
      "src": "/icons/icon-384x384.png",
      "sizes": "384x384",
      "type": "image/png"
    },
    {
      "src": "/icons/icon-512x512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "any maskable"
    }
  ]
}
<link rel="manifest" href="/manifest.json" />
<meta name="theme-color" content="#000000" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
<meta name="apple-mobile-web-app-title" content="MyApp" />

PWA मैनिफेस्ट बिल्डर क्या है?

यह टूल Progressive Web App के लिए complete Web App Manifest JSON generate करता है — name, icons, theme, display mode के साथ।

Manifest कैसे बनाएं

  1. App name और short name डालें।
  2. Icons upload करें (192×192, 512×512)।
  3. Theme और background colors चुनें।
  4. Display mode select करें।
  5. Generated JSON copy करें।

Required fields

  • name, short_name (app names)
  • icons (192×192, 512×512)
  • start_url (default page)
  • display (standalone/fullscreen)
  • theme_color, background_color

अक्सर पूछे जाने वाले प्रश्न

Web App Manifest क्या है?
JSON file जो PWA (Progressive Web App) define करती है — name, icon, theme color, display mode, start URL। Browser में "Add to Home Screen" feature enable करती है।
Required fields क्या हैं?
name, short_name, icons (192×192, 512×512), start_url, display (standalone/fullscreen)। theme_color, background_color recommended। Service worker अलग — manifest सिर्फ install behavior define करता है।
Display modes क्या हैं?
standalone — looks like native app, no browser UI। fullscreen — entire screen, immersive। minimal-ui — minimal browser controls। browser — regular tab। Most PWAs standalone use करते हैं।
PWA vs Native app क्या फर्क?
PWA: web technologies, cross-platform, no app store, instant updates। Native: better performance, full device access (NFC, BLE limited), app store presence। Hybrid solutions भी exist (Capacitor, Cordova)।

संबंधित टूल्स