UTILS.
100% ब्राउज़र में
📱

वेब ऐप मैनिफेस्ट जनरेटर (PWA)

आइकन, थीम रंग और डिस्प्ले मोड के साथ एक वैध PWA वेब ऐप मैनिफेस्ट (manifest.json) बनाएँ, साथ ही तैयार link rel=manifest टैग।

— आउटपुट यहाँ दिखेगा —
— आउटपुट यहाँ दिखेगा —

इस टूल के बारे में

वेब ऐप मैनिफेस्ट जनरेटर एक सरल फ़ॉर्म से किसी Progressive Web App के लिए एक वैध manifest.json बनाता है, फिर आपको आपके पेज <head> में डालने के लिए साथी HTML टैग देता है। सब कुछ आपके ब्राउज़र में इकट्ठा होता है और कुछ भी अपलोड नहीं होता — आप JSON कॉपी कर सकते हैं, इसे manifest.json के रूप में डाउनलोड कर सकते हैं, या link और meta टैग कॉपी कर सकते हैं।

एक वेब ऐप मैनिफेस्ट वह JSON फ़ाइल है जो किसी साइट को होम स्क्रीन पर इंस्टॉल करने और एक नेटिव ऐप की तरह लॉन्च करने की अनुमति देती है। यह टूल मानक कुंजियाँ इकट्ठा करता है — name, short_name, description, start_url, scope, display (standalone, fullscreen, minimal-ui या browser), orientation, theme_color, background_color और एक icons सरणी — किसी भी फ़ील्ड को हटाते हुए जिसे आप खाली छोड़ते हैं ताकि आउटपुट साफ़ रहे। आपके द्वारा टिक किया प्रत्येक आइकन आकार अपने src, sizes और type (फ़ाइल एक्सटेंशन से व्युत्पन्न) के साथ एक प्रविष्टि बनता है, और वैकल्पिक purpose आपको आइकन को maskable के रूप में चिह्नित करने देता है। परिणाम को दो-स्पेस इंडेंटेशन पर JSON.stringify के साथ सीरियलाइज़ किया जाता है, इसलिए यह मानव-पठनीय और मानक-अनुरूप है।

आइकन पथ में {size} प्लेसहोल्डर का उपयोग करें (उदाहरण के लिए /icons/icon-{size}.png) और इसे प्रत्येक आयाम जैसे 192x192 और 512x512 से बदल दिया जाता है। न्यूनतम रूप से एक मैनिफेस्ट में एक name, एक start_url, एक display मोड और कम से कम एक 192px और एक 512px आइकन शामिल होना चाहिए, जो यहाँ डिफ़ॉल्ट हैं। जनरेट किए <link rel="manifest"> टैग के साथ अपने पेज से इसे संदर्भित करें और ब्राउज़र UI के लिए theme-color meta जोड़ें।

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

वेब ऐप मैनिफेस्ट क्या है?
यह एक JSON फ़ाइल है जो आपके Progressive Web App का वर्णन करती है — उसका नाम, आइकन, रंग और यह कैसे लॉन्च होना चाहिए — ताकि ब्राउज़र इसे होम स्क्रीन पर इंस्टॉल करने और एक ऐप-जैसी विंडो में खोलने की पेशकश कर सकें।
कौन से फ़ील्ड आवश्यक हैं?
एक उपयोगी मैनिफेस्ट को कम से कम name (या short_name), एक start_url, एक display मोड और 192x192 व 512x512 के आइकन चाहिए। यह जनरेटर उन्हें डिफ़ॉल्ट रूप से भरता है; अन्य फ़ील्ड वैकल्पिक हैं और खाली छोड़ने पर हटा दिए जाते हैं।
आइकन के लिए 'maskable' का क्या मतलब है?
Maskable आइकन में सुरक्षित पैडिंग होती है ताकि प्लेटफ़ॉर्म आपके लोगो को क्लिप किए बिना उन्हें वृत्त, स्क्वर्कल या गोल वर्ग में क्रॉप कर सकें। उस सुरक्षित ज़ोन के साथ डिज़ाइन किए आइकन के लिए purpose को 'maskable' या 'any maskable' पर सेट करें।
मैं अपनी साइट पर मैनिफेस्ट कैसे इंस्टॉल करूँ?
JSON को manifest.json के रूप में सहेजें, इसे अपनी साइट पर अपलोड करें, फिर जनरेट किए <link rel="manifest" href="/manifest.json"> और theme-color meta टैग को हर पेज के <head> में जोड़ें।

और टूल