कस्टम स्प्लैश स्क्रीन के लिए कॉन्फ़िगर नहीं किया गया

कस्टम स्प्लैश स्क्रीन का इस्तेमाल करने पर, आपका प्रोग्रेसिव वेब ऐप्लिकेशन (PWA), उस डिवाइस के लिए बनाए गए ऐप्लिकेशन जैसा लगता है. जब कोई उपयोगकर्ता होम स्क्रीन से आपके PWA को लॉन्च करता है, तो डिफ़ॉल्ट रूप से Android, PWA के तैयार होने तक व्हाइट स्क्रीन दिखाता है. उपयोगकर्ता को 200 मि॰से॰ तक यह खाली, सफ़ेद स्क्रीन दिख सकती है. पसंद के मुताबिक स्प्लैश स्क्रीन सेट अप करके, उपयोगकर्ताओं को पसंद के मुताबिक बैकग्राउंड का रंग और PWA का आइकॉन दिखाया जा सकता है. इससे उपयोगकर्ताओं को ब्रैंडेड और दिलचस्प अनुभव मिल सकता है.

लाइटहाउस स्प्लैश स्क्रीन ऑडिट कैसे काम नहीं करता

Lighthouse ऐसे पेजों को फ़्लैग करता है जिनमें कस्टम स्प्लैश स्क्रीन नहीं होती है:

लाइटहाउस ऑडिट की सुविधा, जिसमें दिखाया गया है कि साइट को कस्टम स्प्लैश स्क्रीन के लिए कॉन्फ़िगर नहीं किया गया है

पसंद के मुताबिक स्प्लैश स्क्रीन बनाने का तरीका

जब तक आपके वेब ऐप्लिकेशन मेनिफ़ेस्ट में बताई गई ज़रूरी शर्तों को पूरा किया जाता है, तब तक Android के लिए Chrome अपने-आप आपकी कस्टम स्प्लैश स्क्रीन दिखाता है:

  • name प्रॉपर्टी, आपके PWA का नाम है.
  • background_color प्रॉपर्टी, सीएसएस कलर की मान्य वैल्यू पर सेट है.
  • theme_color प्रॉपर्टी, सीएसएस कलर की मान्य वैल्यू पर सेट है.
  • icons कलेक्शन में ऐसे आइकॉन के बारे में बताया गया है जो कम से कम 512x512 पिक्सल का हो.
  • बताया गया आइकॉन मौजूद है और यह PNG फ़ॉर्मैट में है.

ज़्यादा जानकारी के लिए, Chrome 47 में इंस्टॉल किए गए वेब ऐप्लिकेशन के लिए स्प्लैश स्क्रीन जोड़ना लेख पढ़ें.

रिसॉर्स

कस्टम स्प्लैश स्क्रीन के लिए कॉन्फ़िगर नहीं किया गया ऑडिट के लिए सोर्स कोड