इसका इस्तेमाल कैसे करें
- नाम और छोटा नाम लिखें, फिर ऐप का स्टार्ट URL और स्कोप।
- डिस्प्ले मोड चुनें, और बैकग्राउंड रंग तथा थीम रंग को hex रंगों के रूप में लिखें।
- आइकन के नीचे हर लाइन पर एक आइकन लिखें: पता, फिर आकार, प्रकार और उद्देश्य, पाइप (|) से अलग करके।
- manifest.webmanifest के नीचे का पाठ सहेजें, और इंस्टॉल की जाँच में सूचीबद्ध हर चेतावनी ठीक करें।
सदस्य क्या हैं
मेनिफेस्ट एक JSON फ़ाइल है। उसके सदस्यों का वर्णन W3C Web Application Manifest (खंड 1) में है। केवल वे सदस्य लिखे जाते हैं जो आप भरते हैं, इसलिए खाली फ़ील्ड सदस्य को बाहर रखता है। डिस्प्ले मोड तय करता है कि ब्राउज़र ऐप कैसे दिखाए; अगर ब्राउज़र कोई मोड सहारा नहीं देता, तो वह इस क्रम की अगली चीज लेता है (खंड 6): fullscreen, फिर standalone, फिर minimal-ui, फिर browser।
पेज से अलग मूल (origin) वाला स्टार्ट URL अनदेखा होता है, क्योंकि स्पेक को उसी मूल की जरूरत है। स्कोप तभी इस्तेमाल होता है जब वह स्टार्ट URL को शामिल करे; नहीं तो ब्राउज़र वह स्कोप लेते हैं जो स्टार्ट URL है, उसके फ़ाइल नाम, क्वेरी और फ़्रैगमेंट के बिना।
चेतावनियाँ क्या जाँचती हैं
MDN उन सदस्यों को सूचीबद्ध करता है जिनकी Chromium-आधारित ब्राउज़रों को ऐप इंस्टॉल का प्रस्ताव देने से पहले जरूरत होती है: नाम या छोटा नाम, 192px और 512px का आइकन, स्टार्ट URL, और डिस्प्ले मोड। वह यह भी कहता है कि साइट https पर, या localhost से दी जानी चाहिए, और सर्विस वर्कर की जरूरत नहीं है। Firefox डेस्कटॉप पर मेनिफेस्ट फ़ाइल से वेब ऐप इंस्टॉल नहीं करता।
यह टूल ऊपर के सदस्यों और स्कोप के नियम की जाँच करता है। यह आइकन फ़ाइलों, HTTPS पते या आपके पेजों की लिंक की जाँच नहीं करता; वे आपको खुद पक्की करनी हैं।
डिफ़ॉल्ट मान
पेज जिन मानों के साथ खुलता है, उनसे मेनिफेस्ट में नीचे दिए सदस्य होते हैं। जाँच कोई चेतावनी नहीं दिखाती, क्योंकि नाम, स्टार्ट URL और दोनों आइकन आकार मौजूद हैं।
| सदस्य | मान |
|---|---|
| name, short_name | नोट्स, नोट्स |
| start_url, scope | /, / |
| display | standalone |
| background_color, theme_color | #ffffff, #1f6feb |
| icons | 192x192 और 512x512 PNG फ़ाइलें; 512 वाले आइकन का उद्देश्य any maskable है |
अक्सर पूछे जाने वाले सवाल
मेनिफेस्ट फ़ाइल कहाँ सहेजूँ?
उसे साइट की जड़ में, या ऐप के फ़ोल्डर में सहेजें, और नाम manifest.webmanifest रखें। फिर ऐप के हर पेज से rel वाले manifest लिंक एलिमेंट के साथ उसे जोड़ें, जैसा MDN बताता है।
ऐप इंस्टॉल करने के लिए क्या मुझे सर्विस वर्कर चाहिए?
नहीं। MDN कहता है कि PWA के इंस्टॉल होने योग्य होने के लिए सर्विस वर्कर जरूरी नहीं है, हालाँकि कई ऐप उसे ऑफ़लाइन चलाने के लिए इस्तेमाल करते हैं। साइट फिर भी https पर, या localhost से दी जानी चाहिए।
किन आइकन आकारों की जरूरत है?
MDN Chromium-आधारित ब्राउज़रों के लिए 192px और 512px का आइकन सूचीबद्ध करता है। आकार WIDTHxHEIGHT लिखें, और एक फ़ाइल में कई हों तो उन्हें स्पेस से अलग करें। SVG फ़ाइल का आकार any हो सकता है।
नाम और छोटे नाम में क्या फर्क है?
नाम ऐप का पूरा नाम है। छोटा नाम उन जगहों के लिए है जहाँ जगह कम है, जैसे होम स्क्रीन पर आइकन के नीचे का लेबल। इनमें से कम से कम एक दें; दोनों खाली हों तो यह टूल चेतावनी देता है।
टूल स्कोप के बारे में चेतावनी क्यों देता है?
स्कोप तभी इस्तेमाल होता है जब वह स्टार्ट URL को शामिल करे (W3C खंड 1)। अगर स्टार्ट URL स्कोप के बाहर है, तो ब्राउज़र स्कोप को अनदेखा करके अपना डिफ़ॉल्ट स्कोप लेते हैं, इसलिए ऐप वहाँ खुल सकता है जहाँ आप नहीं चाहते थे।
स्रोत
- W3C (अंग्रेजी में): Web Application Manifest (Working Draft, 6 November 2026): sections 1, 2 and 6
- MDN (अंग्रेजी में): Making PWAs installable
- MDN (अंग्रेजी में): display member of the web app manifest
- MDN (अंग्रेजी में): icons member of the web app manifest
आँकड़े और टेक्स्ट आखिरी बार मंगलवार, 10 नवंबर 2026 को जाँचे गए।