Web App Manifest File

मुख्य विचार

manifest.json एक JSON file है जो आपके app को describe करती है: इसका नाम, icons, colors, start URL और display mode। Browsers इसे आपके PWA को install करने और launch experience को customize करने के लिए use करते हैं।

Complete manifest example

यह manifest app name, multiple sizes पर icons, theme color और display mode को define करता है।

{
  "name": "My Todo App",
  "short_name": "TodoApp",
  "start_url": "/",
  "display": "standalone",
  "background_color": "#ffffff",
  "theme_color": "#8f5cf6",
  "scope": "/",
  "icons": [
    {
      "src": "/icons/icon-192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/icons/icon-512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ]
}

Output:

Manifest configured for app installation with custom colors and icons.

एक आम गलती

हमेशा कम से कम 192x192 और 512x512 icons प्रदान करें। Missing icons installation prompts को appear होने से रोकते हैं।

त्वरित जाँच

त्वरित जाँच: manifest.json में 'display' field क्या control करता है?

• Launch होने पर app कैसे appear करता है (fullscreen, standalone, minimal-ui, browser)
• Screen brightness और contrast
• कौन सी languages को support करना है

Real-world Manifest Patterns

Twitter Lite, Spotify और Pinterest से manifests को देखकर production patterns को समझें।