Manifest.json जनरेटर क्या है?
Manifest.json Generator प्रोग्रेसिव वेब ऐप्स के लिए एक संपूर्ण Web App Manifest बनाने में मदद करता है। अपने ऐप की जानकारी भरें और सभी आवश्यक व ऑप्शनल फ़ील्ड्स के साथ सही फ़ॉर्मेट में तैयार manifest.json पाएँ।
name, short_name, description, start_url, scope, डिस्प्ले मोड (standalone, fullscreen, minimal-ui, browser), orientation, थीम कलर, बैकग्राउंड कलर और साइज़, type, purpose सहित जितने चाहें आइकन एंट्री सेट करें। आउटपुट W3C Web App Manifest स्पेसिफिकेशन के अनुरूप है, इसलिए Chrome, Edge और Safari 'होम स्क्रीन में जोड़ें' पर इसे पहचान लेते हैं।
उपयोग कैसे करें
- अपने ऐप की बुनियादी जानकारी दर्ज करें: नाम, शॉर्ट नाम, विवरण, थीम कलर और बैकग्राउंड कलर।
- डिस्प्ले मोड (standalone, fullscreen, minimal-ui), ओरिएंटेशन, स्टार्ट URL और स्कोप कॉन्फ़िगर करें।
- साइज़ के साथ आइकन एंट्रीज़ जोड़ें, फिर जेनरेट किए गए manifest.json को कॉपी या डाउनलोड करें।
कब उपयोग करें
- किसी मौजूदा वेब प्रोजेक्ट को 'इंस्टॉल ऐप' सपोर्ट देकर सिस्टम के ऐप ड्रॉअर में दिखाना।
- फील्ड स्टाफ के लिए बने इन-हाउस PWA की स्प्लैश रंग और आइकन कस्टमाइज़ करना।
- बिना डिफ़ॉल्ट मेनिफेस्ट वाले Next.js या Vite स्टार्टर के लिए न्यूनतम manifest तैयार करना।
परिणाम
आप अपनी रेसिपी वेबसाइट को PWA में बदल रहे हैं। नाम 'My Recipes' सेट करें, थीम कलर अपने ब्रांड ग्रीन पर रखें, डिस्प्ले मोड 'standalone' चुनें और प्रोजेक्ट रूट में रखने के लिए manifest जेनरेट करें।
अक्सर पूछे जाने वाले प्रश्न
- standalone और minimal-ui डिस्प्ले मोड में क्या फर्क है?
- standalone पूरी ब्राउज़र पट्टी छिपा देता है और ऐप नेटिव-सा दिखता है। minimal-ui ऊपर एक छोटा सा नेविगेशन (आमतौर पर बैक और रिफ्रेश) रखता है। fullscreen स्टेटस बार तक हटा देता है, जो खेलों के लिए अच्छा है।
- वास्तव में किन आइकन साइज़ की ज़रूरत है?
- कम से कम 192×192 और 512×512 PNG रखें — Chrome और Edge उन्हीं को होम स्क्रीन और स्प्लैश में इस्तेमाल करते हैं। पुराने Windows टाइलों के लिए 144×144 जोड़ें, और `purpose: maskable` वाला 512×512 भी रखें ताकि Android बिना डिटेल खोए उसे क्रॉप कर सके।
- name और short_name दोनों क्यों चाहिए?
- `name` इंस्टॉल प्रॉम्प्ट और ऐप ड्रॉअर में आता है, जबकि `short_name` होम-स्क्रीन आइकन के नीचे करीब 12 अक्षर की जगह में दिखता है। अगर इसे छोड़ दें, तो ज्यादातर फोन में सिस्टम name को बेढब तरह से छोटा कर देगा।
- manifest.json फाइल कहाँ रखें?
- साइट के रूट में `manifest.json` (या `manifest.webmanifest`) नाम से सेव करें और `<head>` में `<link rel='manifest' href='/manifest.json'>` से लिंक कर दें। ब्राउज़र पहले पेज लोड पर इसे फेच कर लेता है।
- क्या अकेला manifest साइट को इंस्टॉल-योग्य बना देता है?
- नहीं। ब्राउज़र को `fetch` इवेंट संभालने वाला सर्विस वर्कर, HTTPS और कम से कम एक 192×192 आइकन भी चाहिए। manifest मेटाडेटा परत है, सर्विस वर्कर साबित करता है कि साइट ऑफ़लाइन चल सकती है।
संबंधित उपकरण
स्ट्रक्चर्ड डेटा जेनरेटर
SEO के लिए JSON-LD स्कीमा मार्कअप बनाएँ
वेबपेज से PDF
वेबपेज को PDF के रूप में सेव करें
प्राइवेसी पॉलिसी जनरेटर
अपनी वेबसाइट के लिए प्राइवेसी पॉलिसी बनाएं
सेवा की शर्तें जनरेटर
सेवा की शर्तों का दस्तावेज़ बनाएँ
कुकी सहमति जनरेटर
कुकी सहमति बैनर कोड बनाएं
CSS मिनिफायर
फ़ाइल का आकार कम करने के लिए CSS कोड को संक्षिप्त करें