Manifest Display Modes (standalone, fullscreen…)
एक web app manifest में display property नियंत्रित करती है कि एक इंस्टॉल किया गया PWA कितना browser UI दिखाए। "browser" एक सामान्य tab खोलता है, "minimal-ui" एक पतला navigation bar रखता है, "standalone" बिना किसी browser chrome के एक native app जैसा दिखता है, और "fullscreen" status bar समेत सब कुछ छिपा देता है। अधिकांश installable ऐप्स "standalone" इस्तेमाल करते हैं, और अगर कोई mode समर्थित न हो तो browser सूची में नीचे fall back करता है।
Browser chrome के चार स्तर
display एक अकेला manifest field है जिसमें चार मान हैं, सबसे अधिक browser UI से सबसे कम तक। अगर browser आपके माँगे mode को सपोर्ट न करे तो वह सूची में नीचे fall back करता है, इसलिए fullscreen की एक माँग standalone पर उतर सकती है, और standalone minimal-ui पर।
Modes
| display मान | उपयोगकर्ता क्या देखता है |
|---|---|
| browser | एक सामान्य browser tab, पूरा chrome |
| minimal-ui | back/reload वाला एक पतला bar, कोई address bar नहीं |
| standalone | App जैसा, कोई browser chrome नहीं, status bar रखा जाता है |
| fullscreen | सब कुछ छिपा, status bar समेत |
Display mode FAQ
display: standalone क्या करता है?
यह इंस्टॉल किए गए PWA को बिना किसी browser chrome (कोई address bar या tabs नहीं) के लॉन्च करता है, ताकि यह एक native app जैसा दिखे और महसूस हो, जबकि device status bar रखा जाता है।
मुझे कौन-सा display mode इस्तेमाल करना चाहिए?
अधिकांश installable ऐप्स के लिए, "standalone"। "fullscreen" का उपयोग सिर्फ़ games जैसे immersive मामलों के लिए करें; "minimal-ui" जब आप थोड़ा navigation चाहें; "browser" अगर आप app-जैसा व्यवहार बिल्कुल न चाहें।
मेरा PWA अब भी address bar क्यों दिखाता है?
या तो app असल में इंस्टॉल नहीं हुआ (आप अब भी एक tab में हैं), या browser अधिक chrome वाले mode पर fall back कर गया क्योंकि वह आपके माँगे mode को सपोर्ट नहीं करता।