Web App Manifest वैलिडेटर
Web App Manifest स्पेक के अनुसार अपनी PWA manifest.json को मान्य करें और Android के अडैप्टिव-आइकॉन सुरक्षित क्षेत्र के विरुद्ध मास्केबल आइकॉन का पूर्वावलोकन करें।
🔒 पूरी तरह से आपके ब्राउज़र में संसाधित - आपके द्वारा यहां दर्ज की गई कोई भी चीज़ कभी भी अपलोड नहीं की जाती है।
परिणाम
एक प्रोग्रेसिव वेब ऐप तभी साफ़-सुथरा इंस्टॉल होता है जब उसकी manifest.json उन फ़ील्ड को पूरा करती है जिनकी ब्राउज़र और ऐप स्टोर वास्तव में जाँच करते हैं। यह वैलिडेटर आपकी अपलोड की गई मैनिफ़ेस्ट को पार्स करता है और W3C Web App Manifest स्पेक पर फ़ील्ड-दर-फ़ील्ड चलता है: यह गुम name और short_name, खाली या गलत आइकॉन ऐरे, बिना src, sizes या type के आइकॉन, न पार्स किए जा सकने वाले start_url, अपरिचित डिस्प्ले मान और ऐसे theme_color या background_color स्ट्रिंग जो मान्य CSS रंग नहीं हैं, को चिह्नित करता है। हर निष्कर्ष को एक सरल-भाषा के वाक्य में दिखाया जाता है — कोई कच्चा स्पेक उद्धरण नहीं — ताकि आपको पता चले कि क्या ठीक करना है और इंस्टॉलेबिलिटी के लिए यह क्यों मायने रखता है।
सबसे खास विशेषता है मास्केबल-आइकॉन सुरक्षित-क्षेत्र पूर्वावलोकन। Android के अडैप्टिव आइकॉन "purpose": "maskable" चिह्नित किसी भी आइकॉन पर OS-चुना हुआ मास्क आकार — वृत्त, स्क्वर्कल, आंसू-बूंद और बहुत कुछ — लगाते हैं। आइकॉन के व्यूपोर्ट के 40% को कवर करने वाले केंद्रित वृत्त के बाहर की कोई भी चीज़ डिवाइस द्वारा लगाए जाने वाले मास्क के अनुसार कट सकती है। अपनी मैनिफ़ेस्ट द्वारा संदर्भित आइकॉन इमेज फ़ाइलों को manifest.json के साथ अपलोड करें, और यह टूल फ़ाइलनाम से उनका मिलान करता है, हर मास्केबल आइकॉन को उसके घोषित आकार पर कैनवस में खींचता है, और उस सटीक सुरक्षित-क्षेत्र वृत्त को ओवरले करता है ताकि आप अपनी आँखों से देख सकें कि आपकी कलाकृति कटाई से बचती है या नहीं।
हर पूर्वावलोकन के नीचे पास/फ़ेल बैज कोई कॉस्मेटिक चेकलिस्ट आइटम नहीं है — यह डिकोड किए गए इमेज डेटा के वास्तविक पिक्सेल-दर-पिक्सेल विश्लेषण से आता है। टूल मापता है कि सुरक्षित-क्षेत्र वृत्त के बाहर कितनी गैर-पृष्ठभूमि सामग्री है (वह सामग्री जिसे कोई मास्क काट सकता है) और आइकॉन का कितना हिस्सा पारदर्शी है (मास्केबल आइकॉन में पूरी तरह से अपारदर्शी पृष्ठभूमि होनी चाहिए, क्योंकि पारदर्शिता अंतर्निहित मास्क रंग को दिखने देती है)। दोनों जाँचें आपके द्वारा अपलोड किए गए वास्तविक बिटमैप पर चलती हैं, इसलिए परिणाम आपकी असली आइकॉन फ़ाइल को दर्शाता है, कोई अनुमान नहीं।
सब कुछ स्थानीय रूप से आपके ब्राउज़र में होता है: manifest.json को File API से पढ़ा जाता है, आइकॉन को createImageBitmap या FileReader/Image फ़ॉलबैक से डिकोड किया जाता है, और पिक्सेल का विश्लेषण इन-मेमोरी कैनवस पर किया जाता है। कुछ भी सर्वर पर अपलोड नहीं होता, जो तब मायने रखता है जब आपकी मैनिफ़ेस्ट किसी अभी तक सार्वजनिक न हुए ऐप नाम, आंतरिक start_url पथ या विकासाधीन आइकॉन को संदर्भित करती है।